Bootstrap Flashcards
Bootstrap 5.1
https://getbootstrap.com/docs/5.1/getting-started/introduction/
The docs
Bootstrap
Created by dev of Twitter for making responsive sites quick and easy.
It defines some predefined ‘class’es that can be inserted in HTML and get a style without having to write any CSS.
Navigation Bar
navbar documentation
Grid Layout
Bootstrap has ready-made grid layout that can be used to have elements wrap around certain resolution as needed quickly without needing to write bunch of CSS code.
Just using container class with some row and column classes as defined in Bootstrap docs, this can be achieved.
Where do we insert the Bootstrap API?
Its inserted in the header portion of HTML, and ABOVE ALL THE CUSTOM CSS CODE so our custom CSS code can overwrite the ones from Bootstrap.
Bootstrap button class
Easily insert buttons in your web page with predefined ‘.btn’ classes.
Bootstrap Caraousel
Carousel is basically sliding element that switch content with the press of a button.
Bootstrap has classes for easy insert of such feature in the page.
class used - ‘carousel slide’
For more, check the documentation.
Bootstrap Card
Card like pricing cards, that are seen on sites occasionally, can be invoked as well using Bootstrap.
classes used - ‘.card’