• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak pozbyć się przestrzeni między obrazami z pomocą Bootstrap'a???

Object Storage Arubacloud
0 głosów
305 wizyt
pytanie zadane 27 marca 2023 w HTML i CSS przez Mil.B Nowicjusz (240 p.)

Hejka zaczęłam uczyć się posługiwania z Bootstrap'a i dodałam trzy obrazy na strone, nie mam jednak pojęcia jak pozbyć się wolnych przestrzeni między nimi tak aby były przyklejone do siebie - jeden obok drugiego. 

class="no-gradient" nie działa :/

<div class="container">
<div class="row">
<img class="img-fluid" src="....... "
alt="">
<img class="img-fluid" src="....... "
alt="">
<img class="img-fluid" src="....... "
alt="">
</div>
</div>

 

2 odpowiedzi

0 głosów
odpowiedź 28 marca 2023 przez rafal.budzis Szeryf (85,350 p.)

Obrazki mają odstępy ponieważ pomiędzy nimi są spacje :) 

Masz dwie opcje 

Usunąć spacje: 

<img  src="....... " alt="" /><img  src="....... "
alt="" /><img  src="....... "
alt="" />


Lub powiedzieć przeglądarce aby nie traktowała obrazków tak jak tekstu poprzez zmianę display na block. W bootstrapie masz do tego klasę d-block
 

<img class="d-block" src="....... "
alt="" />
<img class="d-block" src="....... "
alt="" />
<img class="d-block" src="....... "
alt="" />

PS. zamykaj znaczniki <img> ;) Możesz korzystać z szybkiego zamknięcia />

komentarz 28 marca 2023 przez Mil.B Nowicjusz (240 p.)
Dzięki wielkie!
0 głosów
odpowiedź 28 marca 2023 przez VBService Ekspert (254,880 p.)

Możesz, też użyć np. mx-0 i px-0

<img class="mx-0 px-0" src="....... "
alt="" />
<img class="mx-0 px-0" src="....... "
alt="" />
<img class="mx-0 px-0" src="....... "
alt="" />

 

Podobne pytania

0 głosów
2 odpowiedzi 249 wizyt
pytanie zadane 7 października 2016 w HTML i CSS przez remo82 Użytkownik (560 p.)
0 głosów
1 odpowiedź 679 wizyt
pytanie zadane 20 września 2017 w HTML i CSS przez Patryk Kożuchowski Początkujący (460 p.)
0 głosów
3 odpowiedzi 254 wizyt
pytanie zadane 6 października 2018 w HTML i CSS przez Lite Obywatel (1,030 p.)

92,759 zapytań

141,682 odpowiedzi

320,457 komentarzy

62,104 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...