Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

Bootstrap là một nền tảng để phát triển web dựa trên khung giao diện người dùng. Nó được sử dụng để tạo các thiết kế đáp ứng đặc biệt bằng cách sử dụng HTML và CSS. Các mẫu này được sử dụng cho biểu mẫu, bảng, nút, kiểu chữ, mô hình, bảng, điều hướng, băng chuyền và hình ảnh. Các nút là một phần không thể thiếu của một trang web và ứng dụng. Trong bài viết này, chúng ta sẽ tìm hiểu về các loại nút bootstrap khác nhau theo trình tự sau

Làm cách nào để tạo nút Bootstrap?

Các nút được sử dụng cho các mục đích khác nhau. Bạn có thể gửi hoặc đặt lại biểu mẫu HTML, thực hiện các hành động tương tác như hiển thị hoặc ẩn nội dung nào đó trên trang web khi nhấp vào nút, chuyển hướng người dùng đến một trang khác, v.v. Bootstrap cung cấp một cách nhanh chóng và dễ dàng để tạo và tùy chỉnh các nút

Có nhiều hành động khác nhau có thể được thực hiện bằng các nút. Hãy tiếp tục và đi sâu vào các nút bootstrap và các hoạt động khác nhau của chúng

Kiểu nút Bootstrap

Các lớp khác nhau có sẵn trong Bootstrap để tạo kiểu cho các nút. Ngoài ra, chúng chỉ ra các trạng thái hoặc ngữ nghĩa khác nhau. Các kiểu nút có thể được áp dụng cho bất kỳ phần tử nào. Tuy nhiên, nó được áp dụng bình thường cho các phần tử , và để hiển thị tốt nhất. Để đạt được các kiểu, Bootstrap có các lớp như. btn,. btn-mặc định,. btn-chính,. btn-success,. thông tin btn,. cảnh báo btn,. nguy hiểm btn,. liên kết btn

Dưới đây là một ví dụ để chỉ cho bạn cách tạo các kiểu nút khác nhau trong Bootstrap

Chính Thành công phụ Thông tin cảnh báo nguy hiểm Liên kết ánh sáng tối

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

Kích thước nút

Bạn có thể tăng hoặc giảm kích thước nút với sự trợ giúp của bootstrap. Do đó, bạn có thể làm cho các nút lớn hơn hoặc nhỏ hơn thông qua việc thêm một lớp bổ sung. btn-lg hoặc. btn-sm

Hãy lấy một ví dụ và xem nó hoạt động như thế nào

Large
Default
Small

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

Các nút được viền ngoài.
Bootstrap cung cấp cho chúng ta một loạt các lớp có thể được sử dụng khi chúng ta cần sử dụng các nút theo kiểu phác thảo trong dự án của mình, đó là các nút không có màu nền. Các lớp nút phác thảo loại bỏ mọi màu nền hoặc kiểu hình nền được áp dụng cho (các) nút. Các lớp này được liệt kê dưới đây.

btn-phác thảo-chínhbtn-phác thảo-phụbtn-phác thảo-thành côngbtn-phác thảo-nguy hiểmbtn-phác thảo-cảnh báobtn-phác thảo-thông tinbtn-phác thảo-ánh sángbtn-phác thảo-tối

Ví dụ

HTML




<html

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<0<1

<0<<4 <5=<7 <8=

html0

_______71____72____9

html4

html1html6____9html8

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<lang2lang3lang2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0lang7

<0<=0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____93

=4=5

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
01

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
03

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
09

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
11

html1=9

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____90
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<<2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<<6 <7=<9

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

html1<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
34
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____138

html1<<6 <7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
14
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=lang93

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<07

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==08

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<21

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==23

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<35____118

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==38

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<49

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==53

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<63

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==68

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<77

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==83

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<91

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7==98

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06html05____118

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____115____66

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____66
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0html31

<0html33

<0<html36 html37=

html39

_______71____72____9

html43

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html56

_______71____72____9

html60

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html73

_______71____72____9

html77

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15<2
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15html
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

Thay đổi kích thước.
Bootstrap cung cấp cho chúng ta các lớp khác nhau cho phép thay đổi kích thước của nút. Các lớp này được liệt kê dưới đây.

  • btn-lg. Lớp này được sử dụng để tạo (các) nút có kích thước lớn

Ví dụ

HTML




<html

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<0<1

<0<<4 <5=<7 <8=

html0

_______71____72____9

html4

html1html6____9html8

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<lang2lang3lang2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0lang7

<0<=0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____93

=4=5

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
01

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
03

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
09

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
11

html1=9

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____90
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<<2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<<6 <7=<9

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

html1<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
34
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____138

html1<<6 <7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
14
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
175
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<07

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
190
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<21

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<05

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<35____118

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____115____66

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____66
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0html31

<0html33

<0<html36 html37=

html39

_______71____72____9

html43

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html56

_______71____72____9

html60

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html73

_______71____72____9

html77

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15<2
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15html
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

  • btn-sm. Lớp này được sử dụng để tạo (các) nút có kích thước nhỏ

Ví dụ

HTML




<html

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<0<1

<0<<4 <5=<7 <8=

html0

_______71____72____9

html4

html1html6____9html8

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<lang2lang3lang2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0lang7

<0<=0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____93

=4=5

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
01

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
03

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
09

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
11

html1=9

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____90
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<<2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<<6 <7=<9

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

html1<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
34
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____138

html1<<6 <7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
14
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
382
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<07

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
397
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<21

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
112
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<35____118

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____115____66

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____66
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0html31

<0html33

<0<html36 html37=

html39

_______71____72____9

html43

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html56

_______71____72____9

html60

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html73

_______71____72____9

html77

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15<2
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15html
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

  • khối btn. Lớp này được sử dụng để làm cho (các) nút chiếm toàn bộ chiều rộng của phần tử cha của chúng

Ví dụ

HTML




<html

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<0<1

<0<<4 <5=<7 <8=

html0

_______71____72____9

html4

html1html6____9html8

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<lang2lang3lang2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0lang7

<0<=0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____93

=4=5

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
01

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
03

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
09

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
11

html1=9

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____90
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<<2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<<6 <7=<9

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

html1<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
34
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____138

html1<<6 <7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
14
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<089

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<07

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<104

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<21

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<119

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<35____118

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____115____66

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____66
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0html31

<0html33

<0<html36 html37=

html39

_______71____72____9

html43

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html56

_______71____72____9

html60

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html73

_______71____72____9

html77

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15<2
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15html
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

Đang thay đổi trạng thái.
Bootstrap cung cấp cho chúng ta các lớp “hoạt động” và “bị vô hiệu hóa” để thay đổi trạng thái của nút.

  • tích cực. Lớp này được sử dụng để làm cho các nút và liên kết xuất hiện ở trạng thái không hoạt động, tôi. e. , có nền tối, đường viền tối và bóng đổ

Ví dụ

HTML




<html

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<0<1

<0<<4 <5=<7 <8=

html0

_______71____72____9

html4

html1html6____9html8

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<lang2lang3lang2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0lang7

<0<=0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____93

=4=5

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
01

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
03

=4=7

html1=9

_______71____6250

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
09

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
11

html1=9

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____90
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<<2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<<6 <7=<9

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

html1<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
34
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____138

html1<<6 <7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
14
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<298

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<301

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<<306 <8=<309 <7=<312

<06<314=<01 <317=<319

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<322<306

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<334

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<337

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____115____66

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____66
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0html31

<0html33

<0<html36 html37=

html39

_______71____72____9

html43

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html56

_______71____72____9

html60

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html73

_______71____72____9

html77

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15<2
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15html
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Note: When tag is used we should insert role=”button” attribute-value pair within the tag, and if the button is active, than, we use aria-pressed=”true” attribute-value pair within the tag and set class value to active (class=”active”).

đầu ra

Lớp Bootstrap nào được sử dụng để tạo nút dưới dạng?

Ví dụ

HTML




<html

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<0<1

<0<<4 <5=<7 <8=

html0

_______71____72____9

html4

html1html6____9html8

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<lang2lang3lang2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0lang7

<0<=0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____93

=4=5

=4=7

html1=9

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
01

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
03

=4=7

html1=9

_______71____6250

html1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
09

=4

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
11

html1=9

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____90
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
3____11

<<2

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<<6 <7=<9

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

html1<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
34
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
33
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____138

html1<<6 <7=

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
14
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<513

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<301

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<<306 <8=<309 <7=<527

<06<314=<01 <532=<319 <535=<537

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<322<306

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

=4<

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
19=<01

lang90<7=<552

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<06<337

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
18
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

_______71____115____66

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15____66
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0html31

<0html33

<0<html36 html37=

html39

_______71____72____9

html43

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html56

_______71____72____9

html60

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

<0<html36 html37=

html73

_______71____72____9

html77

html1html6______9html8html48html36

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15<2
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
15html
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light
1

Note: When is used tag we should insert role=”button” attribute-value pair within the tag. When using “disabled” class with tag we should insert aria-disabled=”true” and tabindex=”-1″ attribute-value pair with in the tag. Also, we can make