bootstrap按鈕組(11)
阿新 • • 發佈:2018-12-30
.btn-group 該 class 用於形成基本的按鈕組。在 .btn-group 中放置一系列帶有 class .btn 的按鈕。 <div class="btn-group"> <button type="button" class="btn btn-default">Button1</button> <button type="button" class="btn btn-default">Button2</button> </div> .btn-toolbar 該 class 有助於把幾組 <div class="btn-group"> 結合到一個 <div class="btn-toolbar"> 中,一般獲得更復雜的元件。 <div class="btn-toolbar" role="toolbar"> <div class="btn-group">...</div> <div class="btn-group">...</div> </div> .btn-group-lg, .btn-group-sm, .btn-group-xs 這些 class 可應用到整個按鈕組的大小調整,而不需要對每個按鈕進行大小調整。 <div class="btn-group btn-group-lg">...</div> <div class="btn-group btn-group-sm">...</div> <div class="btn-group btn-group-xs">...</div> .btn-group-vertical 該 class 讓一組按鈕垂直堆疊顯示,而不是水平堆疊顯示。 <div class="btn-group-vertical"> ... </div>