Avatar billede Oscar.Skov Mester
31. juli 2018 - 17:09 Der er 1 kommentar

Bootstrap: col-3 fejler når kolonnerne får noget padding...

Hej Eksperter
Jeg sidder og leger lidt med at lave en hjemmeside med Bootstrap.
Et sted på siden har jeg lavet en <section> --> <div class="container"> --> <div class="row"> --> 4 x <div class="col-3">

Kolonnerne står fint i en række, men problemet opstår når jeg giver hver kolonne noget noget padding. Så er det som om der ikke er plads, og den længst til højre bliver skubbet ned på næste linje.

Hvad gør jeg galt! - håber nogen kan hjælpe...

P.s. Jeg har stylet kolonnerne med: border-sizing: border-box;

Vh Oscar
Avatar billede Slater Ekspert
31. juli 2018 - 21:13 #1
Den hedder box-sizing, ikke border-sizing.

Ret det, og hvis det ikke løser problemet, så brug et ekstra element inden i col-elementerne og give padding/margin på det i stedet.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester