Summary
Keywords
Full Transcript
In this FullStackWebDevelopment #tutorial course series video, we are going to learn about some basic pre-built #bootstrap4 #components. These include Bootstrap Typography, Tables, Forms, Buttons, Glyphicons, Dropdowns, Buttons and input groups, Navigation, Pagination, Labels and Badges, Alerts, Progress bars, Modals, Tabs, Accordions, Carousels and many others. These components can be reused to provide good user experience and user interactions on a web page. - Bootstrap Glyphicons – These are the font formatted icons that are available in Bootstrap. They are about 200 in number. These glyphicons can be found at https://glyphicons.com - Bootstrap Dropdowns – These are the toggle based menus list a list of links. These are made more dynamic by the JS plugin and can be found at http://getbootstrap/javascript/#dropdowns - Bootstrap Button groups – With this Bootstrap component you can group a set of buttons together in a series adjacent to each other. - Bootstrap Button dropdowns – This component is used to employ a button element to trigger a dropdown. - Bootstrap Input groups – This extends the form-control class and adds text or buttons at either side of an input field of an input element. You need to use .input-group class with a .input-group-addon class to use these input groups. - Bootstrap Navbar – These components serve as the navigation headers for your web site. They are collapsed to be expanded vertically with a toggling hamburger menu in the devices of smaller screen sizes and become horizontal as the screen width increases. - Bootstrap Jumbotron – This is a bootstrap component that can extend over the full screen (or viewport) to show some key content. - Bootstrap Alerts – This is a Bootstrap component with a jQuery plugin that provides contextual feedback messages depending upon the user action. This is basically used to display alert messages. There are many other components that we can use. You can also open up your browser and search bootstrap 4, click on it, then click on documentation and scroll down towards components and learn about other components. ---------------------------- Week 2: Day 3 Section 7: Introduction to Bootstrap 4 Tutorial 57: Bootstrap 4 Overview of Bootstrap Components ---------------------------- Do subscribe and hit Bell Icon ---------------------------- Follow us in social media handles for opportunities and code related support. Instagram: https://www.instagram.com/wb.web/ Facebook: https://www.facebook.com/wbweb/ Twitter: https://twitter.com/wbweb_in/ LinkedIn: https://www.linkedin.com/company/wbweb/ ---------------------------- Got a question on the topic? Please share it in the comment section below and our experts will answer it for you. For more information, please write back to us at [email protected] or call us at IND: 7077568998 After completing the course, write to [email protected] for internship or freelancing opportunities. For consultation or partnership, related queries drop a mail to [email protected]. ---------------------------- Affiliate Space Brand: Hostinger International https://www.hostg.xyz/SH13I (International) https://www.hostg.xyz/SH2H (For India)
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
