Thứ Tư, 18 tháng 3, 2015

Bootstrap - Button Groups

Bootstrap cho phép ghép các nút khác nhau lại thành một nhóm như hình bên dưới :

Sử dụng thẻ <div>.btn-group để tạo một nhóm button :








Để thay đổi kích thước buttons trong nhóm, sử dụng .btn-group-*, có 4 loại kích thước :
  • lg
  • md
  • sm
  • xs







Vertical Button Groups

Bootstrap cũng hỗ trợ nhóm button theo chiều dọc, sử dụng .btn-group-vertical để hiển thị theo chiều dọc :







Nesting Button Groups & Drop Down Menus

Bạn có thể lồng các nhóm button lại với nhau và tạo ra menu xổ xuống :








Thật dể dàng để tạo ra một menu xổ đơn giản với bootstrap.

0 nhận xét:

Đăng nhận xét

Popular Posts

Recent Posts

Unordered List

Text Widget

Được tạo bởi Blogger.