Bootsrap Gridas | HELP!

Sveiki taigi noriu padaryti gridą 3x2, bet niekaip nesigauna, esu naujokas tai gal ko ir nesuprantu, paaiškinkit :)

Taigi noriu pridėti dar tris kategorijas

http://s2.postimg.org/ukh3qea0p/image.png

Kodas

Jeigu bandau tiesiog įpastint tokią pačią klasė štai kas gaunas:

http://s27.postimg.org/park4y8wz/image.png

Kodas

<div class="container-fluid">
<div class="row">
       <div class="col-sm-6 col-md-4">
           <div class="aboutme">
               <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Ratai</h2></div>
               <div class="box">

               </div>
           </div>
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Priekinis buferis</h2></div>
           <div class="box">

           </div>  
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Galinis buferis</h2></div>
           <div class="box"></div>  
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="aboutme">
               <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Ratai</h2></div>
               <div class="box">

               </div>
           </div>
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Priekinis buferis</h2></div>
           <div class="box">

           </div>  
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Galinis buferis</h2></div>
           <div class="box"></div>  
       </div>
       </div>
   </div>

Šitą bandyk :)

<div class="container-fluid">
<div class="row">
       <div class="col-sm-6 col-md-4">
           <div class="aboutme">
               <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Ratai</h2></div>
               <div class="box">

               </div>
           </div>
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Priekinis buferis</h2></div>
           <div class="box">

           </div>  
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Galinis buferis</h2></div>
           <div class="box"></div>  
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="aboutme">
               <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Ratai</h2></div>
               <div class="box">

               </div>
           </div>
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Priekinis buferis</h2></div>
           <div class="box">

           </div>  
       </div>
       <div class="col-sm-6 col-md-4">
           <div class="headline"><h2><i class="fa fa-angle-double-right"></i>Galinis buferis</h2></div>
           <div class="box"></div>  
       </div>
       </div>
   </div>

 

Šitą bandyk :)

Išbandžiau ir rezultatas ne toks kokio noriu :/

http://s18.postimg.org/5ohgan59l/image.png

Išbandžiau ir rezultatas ne toks kokio noriu :/

http://shoelace.io per čia pasidaryk grid ir į savo kodą įkelk

Išbandžiau ir rezultatas ne toks kokio noriu :/

http://s18.postimg.org/5ohgan59l/image.png

Tu čia nesucentravai kažkaip ? Nes man tai tokį rodo - http://www.bootply.com/pPhtIcg9w2

Kažkas susikniso, kad išvis nebeužkrauna norimo puslapio :?

EDIT: Nežinau kodėl, bet ištrynus užkomentuotą kodą, veikia :D

Tu čia nesucentravai kažkaip ? Nes man tai tokį rodo - http://www.bootply.com/pPhtIcg9w2

Nu, kaip ir ne, man ir keista, kad taip rodo

Kodas

Dabar viskas surikiuota kairėje

Kažkas susikniso, kad išvis nebeužkrauna norimo puslapio :?

 

EDIT: Nežinau kodėl, bet ištrynus užkomentuotą kodą, veikia :D

 

 

Nu, kaip ir ne, man ir keista, kad taip rodo

Kodas

 

Dabar viskas surikiuota kairėje

Gal gali į http://www.bootply.com arba https://jsfiddle.net kodus kelti, ne 2005 jau, kad per plain text žiūrėti kaip veikia.

Gal gali į http://www.bootply.com arba https://jsfiddle.net kodus kelti, ne 2005 jau, kad per plain text žiūrėti kaip veikia.

Vyksta anomalijos :D

http://www.bootply.com/pPhtIcg9w2#

Kai nenaudoju klasės thumbnail viskas kaip ir gerai, bet man taip netinka

http://s28.postimg.org/v4ceyyyql/image.png

http://s21.postimg.org/g63ghcd93/image.png

Gal galit paaiškinkt kaip tai padaryti?

Kur rašyti tą kodą?

http://s21.postimg.org/g63ghcd93/image.png

 

Gal galit paaiškinkt kaip tai padaryti?

Kur rašyti tą kodą?

Į savo .css failą :)

http://s21.postimg.org/g63ghcd93/image.png

 

Gal galit paaiškinkt kaip tai padaryti?

Kur rašyti tą kodą?

Taip va ir būna, kai pradeda CSS mokytis ne nuo basicų, o nuo frameworko, tada banalių dalykų nežino.

Ko ten jus moko, jeigu čia tavo jau kursinis, bet nežinai kur css kodą rašyt ? :huh:

Ko ten jus moko, jeigu čia tavo jau kursinis, bet nežinai kur css kodą rašyt ? :huh:

Tas ir yra, kad nemoko, o reikia tiesiog padaryt :)

Vyksta anomalijos :D

http://www.bootply.com/pPhtIcg9w2#

Kai nenaudoju klasės thumbnail viskas kaip ir gerai, bet man taip netinka

 

http://s28.postimg.org/v4ceyyyql/image.png

Tai tau dabar sucentruoti reikia ir borderį uždėti

Tai tau dabar sucentruoti reikia ir borderį uždėti

Dabar kaip ir normaliai tik vistiek po paskutinio eilutės elemento palieka tarpą

Dabar kaip ir normaliai tik vistiek po paskutinio eilutės elemento palieka tarpą

Kokį tarpą ? Parodyk kodą :)

Kokį tarpą ? Parodyk kodą :)

http://www.bootply.com/vQ0iuRvqch

I .css pridėjau

.row-fluid [class*=span]:nth-child(3n+3) {

margin-right: 0;

}

.row-fluid [class*=span]:nth-child(3n+1) {

margin-left: 0;

}