|
156 | 156 | </div>
|
157 | 157 | <b-form-group
|
158 | 158 | :label-cols="3"
|
159 |
| - :horizontal="true" |
160 | 159 | description="Let us know your full name."
|
161 | 160 | label="Enter your name"
|
162 | 161 | label-for="basicName"
|
|
168 | 167 | </b-form-group>
|
169 | 168 | <b-form-group
|
170 | 169 | :label-cols="3"
|
171 |
| - :horizontal="true" |
172 | 170 | label="Static"
|
173 | 171 | label-for="basicStatic"
|
174 | 172 | >
|
|
181 | 179 | </b-form-group>
|
182 | 180 | <b-form-group
|
183 | 181 | :label-cols="3"
|
184 |
| - :horizontal="true" |
185 | 182 | description="This is a help text"
|
186 | 183 | label="Text Input"
|
187 | 184 | label-for="basicText"
|
|
194 | 191 | </b-form-group>
|
195 | 192 | <b-form-group
|
196 | 193 | :label-cols="3"
|
197 |
| - :horizontal="true" |
198 | 194 | label="Date"
|
199 | 195 | label-for="date"
|
200 | 196 | >
|
|
205 | 201 | </b-form-group>
|
206 | 202 | <b-form-group
|
207 | 203 | :label-cols="3"
|
208 |
| - :horizontal="true" |
209 | 204 | label="Datepicker"
|
210 | 205 | >
|
211 | 206 | <b-datepicker
|
|
214 | 209 | </b-form-group>
|
215 | 210 | <b-form-group
|
216 | 211 | :label-cols="3"
|
217 |
| - :horizontal="true" |
218 | 212 | description="Please enter your email"
|
219 | 213 | label="Email Input"
|
220 | 214 | label-for="basicEmail"
|
|
227 | 221 | </b-form-group>
|
228 | 222 | <b-form-group
|
229 | 223 | :label-cols="3"
|
230 |
| - :horizontal="true" |
231 | 224 | description="Please enter a complex password"
|
232 | 225 | label="Password Input"
|
233 | 226 | label-for="basicPassword"
|
|
240 | 233 | </b-form-group>
|
241 | 234 | <b-form-group
|
242 | 235 | :label-cols="3"
|
243 |
| - :horizontal="true" |
244 | 236 | label="Disabled Input"
|
245 | 237 | label-for="basicInputDisabled"
|
246 | 238 | >
|
|
253 | 245 | </b-form-group>
|
254 | 246 | <b-form-group
|
255 | 247 | :label-cols="3"
|
256 |
| - :horizontal="true" |
257 | 248 | label="Textarea"
|
258 | 249 | label-for="basicTextarea"
|
259 | 250 | >
|
|
266 | 257 | </b-form-group>
|
267 | 258 | <b-form-group
|
268 | 259 | :label-cols="3"
|
269 |
| - :horizontal="true" |
270 | 260 | label="Select"
|
271 | 261 | label-for="basicSelect"
|
272 | 262 | >
|
|
279 | 269 | </b-form-group>
|
280 | 270 | <b-form-group
|
281 | 271 | :label-cols="3"
|
282 |
| - :horizontal="true" |
283 | 272 | label="Select large"
|
284 | 273 | label-for="basicSelectLg"
|
285 | 274 | >
|
|
293 | 282 | </b-form-group>
|
294 | 283 | <b-form-group
|
295 | 284 | :label-cols="3"
|
296 |
| - :horizontal="true" |
297 | 285 | label="Select small"
|
298 | 286 | label-for="basicSelectSm"
|
299 | 287 | >
|
|
307 | 295 | </b-form-group>
|
308 | 296 | <b-form-group
|
309 | 297 | :label-cols="3"
|
310 |
| - :horizontal="true" |
311 | 298 | label="Disabled select"
|
312 | 299 | label-for="basicSelectDisabled"
|
313 | 300 | >
|
|
321 | 308 | </b-form-group>
|
322 | 309 | <b-form-group
|
323 | 310 | :label-cols="3"
|
324 |
| - :horizontal="true" |
325 | 311 | label="Select"
|
326 | 312 | label-for="basicMultiSelect"
|
327 | 313 | >
|
|
353 | 339 | </b-form-group>
|
354 | 340 | <b-form-group
|
355 | 341 | :label-cols="3"
|
356 |
| - :horizontal="true" |
357 | 342 | label="Select"
|
358 | 343 | label-for="basicMultiSelect"
|
359 | 344 | >
|
|
380 | 365 | </b-form-group>
|
381 | 366 | <b-form-group
|
382 | 367 | :label-cols="3"
|
383 |
| - :horizontal="true" |
384 | 368 | label="Radios"
|
385 | 369 | label-for="basicRadios"
|
386 | 370 | >
|
|
398 | 382 | </b-form-group>
|
399 | 383 | <b-form-group
|
400 | 384 | :label-cols="3"
|
401 |
| - :horizontal="true" |
402 | 385 | label="Inline radios"
|
403 | 386 | label-for="basicInlineRadios"
|
404 | 387 | >
|
|
418 | 401 | :label-cols="3"
|
419 | 402 | label="Checkboxes"
|
420 | 403 | label-for="basicCheckboxes"
|
421 |
| - horizontal |
422 | 404 | >
|
423 | 405 | <b-form-checkbox-group
|
424 | 406 | id="basicCheckboxes"
|
|
440 | 422 | </b-form-group>
|
441 | 423 | <b-form-group
|
442 | 424 | :label-cols="3"
|
443 |
| - :horizontal="true" |
444 | 425 | label="Inline checkboxes"
|
445 | 426 | label-for="basicInlineCheckboxes"
|
446 | 427 | >
|
|
473 | 454 | <!--custom controls - radios/checkboxes - temporary fix-->
|
474 | 455 | <b-form-group
|
475 | 456 | :label-cols="3"
|
476 |
| - :horizontal="true" |
477 | 457 | label="Radios - custom"
|
478 | 458 | label-for="basicRadiosCustom"
|
479 | 459 | >
|
|
532 | 512 | </b-form-group>
|
533 | 513 | <b-form-group
|
534 | 514 | :label-cols="3"
|
535 |
| - :horizontal="true" |
536 | 515 | label="Inline radios - custom"
|
537 | 516 | label-for="basicCustomRadios1"
|
538 | 517 | >
|
|
590 | 569 | </b-form-group>
|
591 | 570 | <b-form-group
|
592 | 571 | :label-cols="3"
|
593 |
| - :horizontal="true" |
594 | 572 | label="Checkboxes - custom"
|
595 | 573 | label-for="basicCustomCheckboxes"
|
596 | 574 | >
|
|
645 | 623 | </b-form-group>
|
646 | 624 | <b-form-group
|
647 | 625 | :label-cols="3"
|
648 |
| - :horizontal="true" |
649 | 626 | label="Inline checkboxes - custom"
|
650 | 627 | label-for="basicInlineCustomCheckboxes"
|
651 | 628 | >
|
|
697 | 674 | </b-form-group>
|
698 | 675 | <b-form-group
|
699 | 676 | :label-cols="3"
|
700 |
| - :horizontal="true" |
701 | 677 | label="File input"
|
702 | 678 | label-for="fileInput"
|
703 | 679 | >
|
|
708 | 684 | </b-form-group>
|
709 | 685 | <b-form-group
|
710 | 686 | :label-cols="3"
|
711 |
| - :horizontal="true" |
712 | 687 | label="Multiple file input"
|
713 | 688 | label-for="fileInputMulti"
|
714 | 689 | >
|
|
789 | 764 | </div>
|
790 | 765 | <b-form-group
|
791 | 766 | :label-cols="3"
|
792 |
| - :horizontal="true" |
793 | 767 | label="Email"
|
794 | 768 | label-for="horizEmail"
|
795 | 769 | description="Please enter your email."
|
|
802 | 776 | </b-form-group>
|
803 | 777 | <b-form-group
|
804 | 778 | :label-cols="3"
|
805 |
| - :horizontal="true" |
806 | 779 | label="Password"
|
807 | 780 | label-for="horizPass"
|
808 | 781 | description="Please enter your password."
|
|
989 | 962 | </div>
|
990 | 963 | <b-form-group
|
991 | 964 | :label-cols="5"
|
992 |
| - :horizontal="true" |
993 | 965 | label="Small input"
|
994 | 966 | label-for="smInput"
|
995 | 967 | label-size="sm"
|
|
1003 | 975 | </b-form-group>
|
1004 | 976 | <b-form-group
|
1005 | 977 | :label-cols="5"
|
1006 |
| - :horizontal="true" |
1007 | 978 | label="Default input"
|
1008 | 979 | label-for="defaultInput"
|
1009 | 980 | >
|
|
1015 | 986 | </b-form-group>
|
1016 | 987 | <b-form-group
|
1017 | 988 | :label-cols="5"
|
1018 |
| - :horizontal="true" |
1019 | 989 | label="Large input"
|
1020 | 990 | label-for="lgInput"
|
1021 | 991 | label-size="lg"
|
|
0 commit comments