Web Uyarı Buttonu?
-
hocam bootstrap kullanmıyor musun? .col-md-3 class'ını vererek dizebilirsin.
-
ayhun bunu yazdı
hocam sayfanin linkini bi ver bakalim nasil bisey olacak.
bu biraz "bi sarki duydum kadin soyluyodu. mmelodisi ninini ni niii ni ni" gibi oldu
sayfa basit
-
blutarm bunu yazdı
hocam bootstrap kullanmıyor musun? .col-md-3 class'ını vererek dizebilirsin.
col-md-3 class tan anlasam olacakta, pek anladığım söylenemez.
-
hocam butonlari div icine topla ve divi olceklendir
<div class="container col-md-3>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button2">Button Two</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button3">Button three</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button4">Button four</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button5">Button five</button>
</div>
gibi yaparsan hepsi sol tarafa yaslanip 2 yana 3 asagi olarak siralanacaktir css den margin verip aralarindaki bosluklari ayarlayabilirsin
yok dersen 3 asagi 3 sola olsun o halde col-md-4 olarak kullacaksin bu kod sana sayfa icerisinde 12 ayri bolum olusturmani saglar
kisa bi ozet gececek olursak
<div class="container col-md-4>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button2">Button Two</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button3">Button three</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button4">Button four</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button5">Button five</button>
</div>
<div class="container col-md-4>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button2">Button Two</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button3">Button three</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button4">Button four</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button5">Button five</button>
</div>
<div class="container col-md-4>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button2">Button Two</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button3">Button three</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button4">Button four</button>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button5">Button five</button>
</div>
yaparsan sayfan 3 ayri kolon olarak bolunur 12 sayisini kafana gore bolumle 8-4 olarak veya 5-7 olarak
-
Örnek Kullanım
<div class="container">
<div class="row">
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
<div class"col-md-3"> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#button1">Button One</button> </div>
</div>
</div> -
@ayhun @blutarm
çok teşekkür ederim, sayenizde "buton" tamam.