نحوه ی گروه بندی دکمه ها در بوت استرپ
بوت استرپ به ما امکان می دهد تا دکمه ها را بصورت خطی گروه بندی کنیم. به مثال زیر توجه کنید:
برای ایجاد دکمه های گروهی، می توانید از یک عنصر <div> به همراه کلاس btn-group استفاده کنید. به مثال زیر توجه کنید و سپس آن را اجرا کنید:
مثال
<div class="btn-group">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>
امتحان کنید»
نکته: به جای اینکه هر دکمه در یک گروه را اندازه دهی کنید، می توانید با استفاده از کلاس *-btn-group برای تمام دکمه ها، اندازه ای یکسان تهیه کنید:
مثال
<div class="btn-group btn-group-lg">
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>
<button type="button" class="btn btn-primary">Apple</button>
<button type="button" class="btn btn-primary">Samsung</button>
<button type="button" class="btn btn-primary">Sony</button>
</div>
امتحان کنید»
