List of classes in Bootstrap

S.No Class Name
1.container
2.container-sm
3.container-md
4.container-lg
5.container-xl
6.container-xxl
7.container-fluid
8.row
9.row-cols-2 (1-6)
10.row-cols-auto
11.row-cols-xxl-6
12.row-cols-xl-5
13.row-cols-lg-4
14.row-cols-md-4
15.row-cols-sm-2
16.row-cols-xs-1
17.col
18.col-1 (1-12)
19.col-xxl-1 (1-12)
20.col-xl-1 (1-12)
21.col-lg-1 (1-12)
22.col-md-1 (1-12)
23.col-sm-1 (1-12)
24.col-xs-1 (1-12)
25 .row
S.No Class Name
26 .align-items-start
27.align-items-end
28.align-items-center
29 .align-items-baseline
30.align-items-stretch
31.align-items-sm-start
32.align-items-sm-end
33.align-items-sm-center
34.align-items-sm-baseline
35.align-items-sm-stretch
36 .align-items-md-start
37.align-items-md-end
38.align-items-md-center
39.align-items-md-baseline
40.align-items-md-stretch
41.align-items-lg-start
42.align-items-lg-end
43.align-items-lg-center
44.align-items-lg-baseline
45.align-items-lg-stretch
46.align-items-xl-start
47.align-items-xl-end
48.align-items-xl-center
49.align-items-xl-baseline
50.align-items-xl-stretch
S.No Class Name
51 .align-items-xxl-start
52 .align-items-xxl-end
53 .align-items-xxl-center
54 .align-items-xxl-baseline
55 .align-items-xxl-stretch
56 .align-self-start
57.align-self-end
58.align-self-center
59.align-self-baseline
60.align-self-stretch
61 .align-self-sm-start
62 .align-self-sm-end
63 .align-self-sm-center
64 .align-self-sm-baseline
65 .align-self-sm-stretch
66 .align-self-md-start
67 .align-self-md-end
68 .align-self-md-center
69 .align-self-md-baseline
70.align-self-md-stretch
71 .align-self-lg-start
72 .align-self-lg-end
73 .align-self-lg-center
74 .align-self-lg-baseline
75.align-self-lg-stretch
S.No Class Name
76.align-self-xl-start
77.align-self-xl-end
78.align-self-xl-center
79.align-self-xl-baseline
80.align-self-xl-stretch
81.align-self-xxl-start
82.align-self-xxl-end
83.align-self-xxl-center
84.align-self-xxl-baseline
85.align-self-xxl-stretch
86 .justify-content-start
87 .justify-content-end
88 .justify-content-center
89 .justify-content-between
90 .justify-content-around
91 .justify-content-evenly
92 .justify-content-sm-start
93 .justify-content-sm-end
94 .justify-content-sm-center
95 .justify-content-sm-between
96 .justify-content-sm-around
97 .justify-content-sm-evenly
98 .justify-content-md-start
99 .justify-content-md-end
100 .justify-content-md-center
S.No Class Name
101 .justify-content-md-between
102 .justify-content-md-around
103 .justify-content-md-evenly
104 .justify-content-lg-start
105 .justify-content-lg-end
106 .justify-content-lg-center
107 .justify-content-lg-between
108 .justify-content-lg-around
109 .justify-content-lg-evenly
110 .justify-content-xl-start
111 .justify-content-xl-end
112 .justify-content-xl-center
113 .justify-content-xl-between
114 .justify-content-xl-around
115 .justify-content-xl-evenly
116 .justify-content-xxl-start
117 .justify-content-xxl-end
118 .justify-content-xxl-center
119 .justify-content-xxl-between
120 .justify-content-xxl-around
121 .justify-content-xxl-evenly
122 order-1
123 order-sm-1
124 order-md-1
125 order-lg-1
S.No Class Name
126 m (start,top,end,bottom)(0-5)
127 mt-2 (0-5)
128 ms-2 (0-5)
129 me-2 (0-5)
130 mb-2 (0-5)
131 mx
132 my
133 p (start,top,end,bottom)(0-5)
134 pt-2 (0-5)
135 ps-2 (0-5)
136 pe-2 (0-5)
137 pb-2 (0-5)
138 display-3 (1-6)
139 border
140 border-1 (1-5)
141 border-top-0 (value)
142 border-end-0 (value)
143 border-bottom-0 (value)
144 border-start-0 (value)
145 border-primary
146 border-secondary
147 border-success
148 border-danger
149 border-warning
150 border-info
S.No Class Name
151 border-light
152 border-dark
153 border-white
154 border-opacity-75(value)
155 rounded
156 rounded-3(value)
157 rounded-top
158 rounded-end
159 rounded-bottom
160 rounded-start
161 rounded-circle
162 rounded-pill
163 text-primary
164 text-secondary
165 text-success
166 text-danger
167 text-warning
168 text-info
169 text-light
170 text-dark
171 text-white
172 text-bg-primary
173 text-bg-secondary
174 text-bg-success
175 text-bg-danger
S.No Class Name
176 text-bg-warning
177 text-bg-info
178 text-bg-light
179 text-bg-dark
180 text-bg-white
181 text-opacity-75(value)
182 bg-primary
183 bg-secondary
184 bg-success
185 bg-danger
186 bg-warning
187 bg-info
188 bg-light
189 bg-dark
190 bg-white
191 bg-opacity-75(value)
192 h1
193 h2
194 h3
195 h4
196 h5
197 h6
198 initialism
199 lead
200 text-center
S.No Class Name
201 text-end
202 text-sm-end
203 text-md-center
204 text-lg-start
205 list-unstyled
206 list-inline
207 list-inline-item
208 text-decoration-underline
209 text-decoration-line-through
210 text-decoration-none
211 fw-bold

Bootstrap 5.3X Tutorial

Learn All in Tamil © Designed & Developed By Tutor Joes | Privacy Policy | Terms & Conditions