Bootstrap Button Group Classes | Bootstrap Button Groups - Bootstrap Tutorial 19
Notes for You:: Bootstrap Button Group Classes.
btn-group:
- removes space between the elements,
- removes top right and bottom right rounded corners from all the buttons except from the last button in the group,
- removes top left and bottom left rounded corners from all the buttons except from the first button in the group,
- keeps the buttons horizontally in the group etc.
﹤div class="btn-group" role="group"﹥
﹤input type="submit" class="btn btn-primary"/﹥
﹤input type="submit" class="btn btn-secondary"/﹥
﹤input type="submit" class="btn btn-success"/﹥
﹤/div﹥
btn-group-vertical:
- removes space between the elements,
- removes bottom left and bottom right rounded corners from all the buttons except from the last button in the group,
- removes top left and top right rounded corners from all the buttons except from the first button in the group,
- keeps the buttons vertically in the group etc.
﹤div class="btn-group-vertical" role="group"﹥
﹤input type="submit" class="btn btn-primary"/﹥
﹤input type="submit" class="btn btn-secondary"/﹥
﹤input type="submit" class="btn btn-success"/﹥
﹤/div﹥
btn-group-lg:
- displays buttons little bit larger than the normal size
﹤div class=" btn-group btn-group-lg" role="group"﹥
﹤input type="submit" class="btn btn-primary"/﹥
﹤input type="submit" class="btn btn-secondary"/﹥
﹤input type="submit" class="btn btn-success"/﹥
﹤/div﹥
btn-group-sm:
- displays buttons little bit smaller than the normal size
﹤div class=" btn-group btn-group-sm" role="group"﹥
﹤input type="submit" class="btn btn-primary"/﹥
﹤input type="submit" class="btn btn-secondary"/﹥
﹤input type="submit" class="btn btn-success"/﹥
﹤/div﹥
btn-toolbar :
- is used to group two or more button groups
- removes the space between button groups
﹤div class="btn-toolbar" role="toolbar"﹥
﹤div class="btn-group" role="group"﹥
﹤input type="submit" class="btn btn-primary"/﹥
﹤input type="submit" class="btn btn-secondary"/﹥
﹤input type="submit" class="btn btn-success"/﹥
﹤/div﹥
﹤div class="btn-group" role="group"﹥
﹤input type="submit" class="btn btn-primary"/﹥
﹤input type="submit" class="btn btn-secondary"/﹥
﹤input type="submit" class="btn btn-success"/﹥
﹤/div﹥
﹤/div﹥
Note:
- replace ﹤ with less-than symbol.
- replace ﹥ with greater-than symbol.
=========================================
Follow the link for next video:
Bootstrap Tutorial 20 - Bootstrap Alert box Related Classes | Bootstrap Alert Boxes
https://youtu.be/Uq-zQSYOhog
Follow the link for previous video:
Bootstrap Tutorial 18 - Bootstrap Badge Related Classes | Bootstrap Badges
https://youtu.be/e1a0jidsE5w
=========================================
Bootstrap Tutorials Playlist:-
https://www.youtube.com/playlist?list=PLdE8ESr9Th_vnCOUPx1fhQLRZGENyfuMG
=========================================
Watch My Other Useful Tutorials:-
Dreamweaver Tutorials Playlist:-
https://www.youtube.com/playlist?list=PLdE8ESr9Th_sGP0m9D68jHqZQr_qRzDXk
PHP Tutorials Playlist:-
https://www.youtube.com/playlist?list=PLdE8ESr9Th_s8zash4d8He_49QS_VVmAG
MySQL Tutorials Playlist:-
https://www.youtube.com/playlist?list=PLdE8ESr9Th_tvPGAlbOEc-0_qleTOBgmU
=========================================
Subscribe to our YouTube channel:-
https://www.youtube.com/chidrestechtutorials
Join as member of our YouTube channel:-
https://www.youtube.com/chidrestechtutorials/join
Become our Patron:-
https://www.patreon.com/chidrestechtutorials
Visit our Website:-
https://www.chidrestechtutorials.com
Download our notes from Instamojo:-
https://chidrestechtutorials.myinstamojo.com
Buy our products on Spring:-
https://chidres-tech-tutorials.creator-spring.com
=========================================
Follow Us:-
Google My Business:-
https://chidrestechtutorials.business.site
Google Blog:-
http://manjunathchidre.blogspot.com
LinkedIn:-
https://www.linkedin.com/company/chidrestechtutorials
Facebook:-
https://www.facebook.com/groups/chidrestechtutorials
Twitter:-
https://twitter.com/ManjunathChidre
Tumblr:-
https://chidrestechtutorials.tumblr.com
Pinterest:-
https://in.pinterest.com/chidrestechtutorials
=========================================
Despite my inconsistent uploads; Thanks for being amazing learners and still sticking with me on YouTube.
=========================================
Hash Tags:-
#ChidresTechTutorials #Bootstrap #BootstrapTutorial
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Bootstrap Button Group Classes | Bootstrap Button Groups - Bootstrap Tutorial 19», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.