Category: Bootstrap

• Jun 17, 2022

  Gradient navbar -Bootstrap 5

  In this post, I will tell you about using a gradient background for the navbar. I have used bootstrap here to create navbar only. It has nothing to do with the gradient background. I will apply a gradient using CSS background-image property. gradient_navbar.html Output : You can try different colors and see by yourself what…
• Jun 3, 2022

  What are badges in bootstrap? – Create your first bootstrap badge

  Hey, what’s up, guys. In this post, I will tell you about bootstrap badges. I will explain what bootstrap badges are and how you can create bootstrap badges. What are badges in bootstrap? Badges are like small labeling components. You can think of a badge as a label with rounded corners. You can use badges…
• May 5, 2022

  Dropdown menu inside navigation bar – Bootstrap

  In this post, we will learn about creating a dropdown menu inside a navbar. A little bit about dropdown – A dropdown is a togglable menu where you put a list of items. When a user clicks on the dropdown button, the menu becomes visible, then the user can choose an item from that menu.…
• Apr 30, 2022

  What is an accordion in bootstrap?-Create a bootstrap accordion.

  Imagine, you have a lot of related information to show to the user but you don’t want to give much space to that content on your website. So the question is- how would you put all of your related informative content in less space than required? The answer is – Accordion. Let’s explore more about…
• Apr 26, 2022

  How to create a modal using bootstrap?

  You have probably seen dialog box/popup window on some websites. In the bootstrap world, it is called Modal. Modal is a great way to display some extra content. You can use modal to show lightboxes, user notifications, or custom contents. In this post, we will create a simple page that contains a navbar. The navbar…
• Apr 1, 2022

  How to create carousel with navbar in bootstrap 5?

  Want to create an awesome carousel with a navbar on top? Here in this post, I will share how you can create a carousel with a navigation bar on top of that using bootstrap 5. So, let’s begin. What is a carousel in bootstrap? Have you ever used a slideshow on your device (Your smartphone…
• Mar 29, 2022

  Create a jumbotron in bootstrap 5

  In this post, we will see how we can create a jumbotron using bootstrap. Jumbotron is not supported in bootstrap 5. But we can still create a jumbotron using some helper classes. What is a jumbotron? A jumbotron is like a big box that you can use to show some special content to your site…