Hirdetés

Új hozzászólás Aktív témák

  • adam_

    senior tag

    A Bootstrappel kapcsolatban lenne egy kérdésem, ami nem 100%-ig világos.

    Az alábbi linken látható kódban, ugye van maximális felbontáson 4 sorom, és egy sor ez alapján <div class="col-md-4" elvileg négy oszlopból épül fel, holott 3-at látok?! :U Itt elvileg részletezi, de sajnos nem teljesen világos, hogy miért van így:

    "If you see the output of the above example in a laptop or desktop having screen or viewport width greater than or equal to 992px and less than 1200px you will find it has 4 rows where each row has 3 equal columns resulting in 3x4 grid layout."

    Hogyan lehetne ezt esetleg borderrel is szemléletesebbé tenni, vagy nem így kell elképzelni? Igazából a gridsystemben a col-md-"szám" utal arra, hogy hány oszlopból épül fel az adott panel az összesen 12 lehetségesből?

    Valamint, ha így adjuk meg az adott box osztályát, ami lentebb látható a 3. sorban, akkor az arra utal, hogy screen kisebb méretén hogyan jelenítse meg az adott boxot?, pl.: nagyobban col-sm-6 kisebb méretben col-md-4 felépítettségre, etc. osztályra vált?

    <div class="container">
    <div class="row">
    <div class="col-sm-6 col-md-4"><p>Box 1</p></div>

    Előre is köszönöm a válaszokat!

Új hozzászólás Aktív témák