A jumbotron indicates a big box for calling extra attention to some special content or information. A jumbotron is displayed as a grey box with rounded corners. It also enlarges the font sizes of the text inside it. Tip: Inside a jumbotron, you can put nearly any valid HTML, including other Bootstrap elements/classes. class jumbotron and class jumbotron-fluid are used.
Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs.
Dropdown menu is a toggleable menu that allows users to choose one value from a predefined list. Sometimes it helps the users to same time for finding some particular things.
A slideshow component for cycling through elements—images or slides of text—like a carousel.
<img> to place the image at the top or at the bottom inside the card.
<div class="card">
<div class="card-body">Basic card</div>
</div>
Bootstrap Button Groups:
Bootstrap allows you to group a series of buttons in a button group. Use a <div> element with class .btn-group to create a button group.
Use the class .btn-group-vertical to create a vertical button group.
To span, the entire width of the screen, use the class .btn-group-justified.
Nest button groups to create dropdown menus.
Split button dropdowns use the same general style as the dropdown button but add a primary action along with the dropdown. If you deleted the span parts then, the dropdown menu shows you half because you create a dropdown menu but not to call.
Bootstrap 4 provides users with different styles of buttons.
Use the background-color property to change the background color of a button.
The button outline style removes all background images or colors from a button and gives it a lighter look.
This will indicate to you the size of the button.
The .btn-block class is used to create a block-level button that spans the entire width of the parent elements.
A button can be set to an active (clickable) or a disabled (unclickable) state.
You can also add “spinners” to a button.
Breadcrumb navigation provides a link back to each previous page the user navigates through and shows the user’s current location on a website.
In HTML you have to create breadcrumb in internal CSS means inside the head tag.
Putting all the style code inside CSS.
