Upgrade & Secure Your Future with DevOps, SRE, DevSecOps, MLOps!

We spend hours scrolling social media and waste money on things we forget, but won’t spend 30 minutes a day earning certifications that can change our lives.
Master in DevOps, SRE, DevSecOps & MLOps by DevOpsSchool!

Learn from Guru Rajesh Kumar and double your salary in just one year.


Get Started Now!

Bootstrap utilities : “Vertical align”

Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements. Change the alignment of elements with the vertical-alignment utilities. These are the classes:- .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, and .align-text-top as needed.

Bootstrap:-Component “Progress”

Progress Bar in Bootstrap 4 is mainly used to indicate to the user, how much progress of the process is done. progress bars featuring support for stacked bars, animated backgrounds, and text labels. Use utility classes for the background (bg-success, bg- info, bg-light, bg-dark, bg-danger, bg-warning) for creating a progress bar with a different color. Where to use … Read more

Bootstrap:-Component “Navigation bar”

The navbar is one of the prominent features of Bootstrap sites. A navigation bar is a navigation header that is placed at the top of the page. the navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class. Format of nav bar:- Vertical Navbar by using class=”navbar-nav”. Centered Navbar by … Read more

Bootstrap:-Component “List group”

List groups are a flexible and powerful component for displaying a series of content. features:- Basic items simply making for list. Active items used for showing it’s an active mode. Disabled items used for just reading that message. Links and buttons are used to create actionable list group items with hover. Flush / Remove Borders … Read more

Bootstrap:-Component “Dropdowns”

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. For creating a dropdown menu The class dropdown indicates a dropdown menu. To open the dropdown menu, use a button or a link with a class … Read more

Bootstrap:-Component “Collapse”

 The collapse JavaScript plugin is used to show and hide content. Usage The collapse plugin utilizes a few classes to handle the heavy lifting:- .collapse hides the content. .collapse.show shows the content. .collapsing is added when the transition starts, and removed when it finishes.

Bootstrap: Component “Card”

Cards: A card in Bootstrap 4 is a bordered box with some padding around its content. It includes options for headers, footers, content, colors, etc. A basic card is created with the .card class. The .card-header class adds a heading to the card and the .card-footer class adds a footer to the card. add a background color the card, use contextual … Read more

Bootstrap: Component “Breadcrumb”

Breadcrumb navigation provides a link back to each previous page the user navigates through and shows the user’s current location on a website. How to create a breadcrumb navigation 1.Add in HTML. 2.Add in CSS. Add in HTML:- In HTML you have to create breadcrumb in internal CSS means inside the head tag. Add in … Read more