Hướng dẫn bootstrap select example - ví dụ chọn bootstrap

Javascript Css

Các thuộc tính aria-* [aria-haspopup, aria-expanded,..] là các thuộc tính của HTML5, bạn có thể không cần quan tâm đến chúng. Và nó không ảnh hưởng đến các thành phần của Bootstrap, chúng thường sử dụng như một gợi ý cho các thiết bị như Screen Reader [Thiết bị đọc màn hình cho người mù]. aria-* [aria-haspopup, aria-expanded,..] là các thuộc tính của HTML5, bạn có thể không cần quan tâm đến chúng. Và nó không ảnh hưởng đến các thành phần của Bootstrap, chúng thường sử dụng như một gợi ý cho các thiết bị như Screen Reader [Thiết bị đọc màn hình cho người mù].

aria-* ???

   
   Tutorial
   
   

      Javascript
      Css
      

      Bootstrap
   

2- Split Button Dropdown

Split Button Dropdown mà bạn nhìn thấy trên giao diện, nó giống như một Button được chia làm 2 phần, bên trái và bên phải. Bên trái hoạt động như một button thông thường, còn bên phải hoạt động như một Menu. Thực tế thì nó là 2 button nằm rất sát nhau, và nằm trong cùng một ".btn-group". Dưới đây là cấu trúc của Split Button Dropdown: mà bạn nhìn thấy trên giao diện, nó giống như một Button được chia làm 2 phần, bên trái và bên phải. Bên trái hoạt động như một button thông thường, còn bên phải hoạt động như một Menu. Thực tế thì nó là 2 button nằm rất sát nhau, và nằm trong cùng một ".btn-group". Dưới đây là cấu trúc của Split Button Dropdown:

Javascript Css

Chú ý: Lớp .sr-only [Screen Reader Only] là một lớp ẩn. Nó chỉ có ý nghĩa đối với các thiết bị đọc màn hình [Screen Reader] [Một thiết bị dành cho người mù]. .sr-only [Screen Reader Only] là một lớp ẩn. Nó chỉ có ý nghĩa đối với các thiết bị đọc màn hình [Screen Reader] [Một thiết bị dành cho người mù].

3- .dropdown, .dropup, dropright, .dropleft

Theo mặc định Menu sẽ hiển thị theo chiều xuống [down], tuy nhiên bạn cũng có thể thiết lập hành vi khác cho nó, chẳng hạn hiển thị bên trái, bên phải hoặc hiển thị theo chiều lên [up]. Các hành vi đó giống như hình minh họa dưới đây: Menu sẽ hiển thị theo chiều xuống [down], tuy nhiên bạn cũng có thể thiết lập hành vi khác cho nó, chẳng hạn hiển thị bên trái, bên phải hoặc hiển thị theo chiều lên [up]. Các hành vi đó giống như hình minh họa dưới đây:

Javascript

4- Kích thước của Button

Theo mặc định các Button có kích thước .btn-md "Medium" [Trung bình]. Tuy nhiên bạn có thể thiết lập cho nó kích thước khác bằng cách sử dung lớp .btn-lg [Large] để có một Button kích thước lớn hơn, hoặc sử dụng lớp .btn-sm [Small] để có một Button kích thước nhỏ hơn. Button có kích thước .btn-md "Medium" [Trung bình]. Tuy nhiên bạn có thể thiết lập cho nó kích thước khác bằng cách sử dung lớp .btn-lg [Large] để có một Button kích thước lớn hơn, hoặc sử dụng lớp .btn-sm [Small] để có một Button kích thước nhỏ hơn.

Javascript Css

5- Menu Header

Javascript Css Backend Tutorials Java

6- Menu Forms

Bạn có thể đặt Form vào trong ".dropdown-menu" giống như ví dụ dưới đây: Form vào trong ".dropdown-menu" giống như ví dụ dưới đây:

New around here? Sign up Forgot password?