Ustawienie grafiki "Strona w budowie" w Bootstrap 5 - jak pozbyć się marginesów?

pytanie zadane 26 maja 2023 w Systemy CMS przez bwl Obywatel (1,530 p.)

Cześć, mam problem z usunięciem marginesów w bootstrapie, chcę ustawić dwie grafiki informujące, że strona jest w budowie - jedną dla komputerów jedną dla urządzeń mobilnych.

Próbuję tak:

    <style>
        body,
        html {
            margin: 0;
            padding: 0;
        }

        .full-width-img-container {
            margin: 0;
            padding: 0;
        }

        .full-width-img-container .row {
            margin: 0;
            padding: 0;
        }

        .full-width-img {
            width: 100%;
        }

        @media (min-width: 992px) {
            .full-width-img {
                width: 100vw;
            }
        }
    </style>
    <title>Strona w Budowie</title>
</head>
<body>
<div class="container-fluid full-width-img-container">
    <div class="row">
        <div class="col">
            <img src="img/mala.jpg.jpg" class="img-fluid d-block d-lg-none full-width-img" alt="mala grafika">
            <img src="img/b1.jpg" class="img-fluid d-none d-lg-block full-width-img" alt="duza grafika">
        </div>
    </div>
</div>

Przy okazji, jakich rozmiarów grafik powinienem użyć dla komputerów, a jakich dla urządzeń mobilnych?

2 odpowiedzi

odpowiedź 26 maja 2023 przez VBService Ekspert (256,500 p.)
wybrane 27 maja 2023 przez bwl

Najlepsza

IMO nie ustawiłeś wartości dla .col np.

[ on-line ]

  .full-width-img-container,
  .full-width-img-container .row,
  .full-width-img-container .col {
    margin: 0;
    padding: 0;
  }

komentarz 27 maja 2023 przez bwl Obywatel (1,530 p.)

Ufff... Bardzo dziękuję za pomoc ! :) Możesz podpowiedzieć jeszcze odnośnie rozmiarów grafik ?

Dzięki.

komentarz 27 maja 2023 przez VBService Ekspert (256,500 p.)

Sprawdź: element <picture> i responsive images

odpowiedź 26 maja 2023 przez pablop76 VIP (123,540 p.)

Podobne pytania

Ustawienie grafiki "Strona w budowie" w Bootstrap 5 - jak pozbyć się marginesów?

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci