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,600 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,600 p.)

Sprawdź: element <picture> i responsive images

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

Podobne pytania

Advent of Code 2025

Top 15 użytkowników

1694p. - dia-Chann

1676p. - DziarnowskiJ

1650p. - Łukasz Piwowar

1640p. - CC PL

1607p. - raydeal

1602p. - Adrian Wieprzkowicz

1588p. - Tomasz Bielak

1521p. - Michal Drewniak

1503p. - Maurycy W

1360p. - rafalszastok

1335p. - robwarsz

1269p. - Rafał Trójniak

1257p. - ssynowiec

1208p. - Mariusz Fornal

1116p. - rucin93

Szczegóły i pełne wyniki

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

Advent of Code 2025

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci