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

Question

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>

 

Answer 1

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 />

Comments

Dzięki wielkie!

Answer 2

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="" />