Category: Web Development

• 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 19, 2022

  HTML Tables: Create your first HTML Table

  If you have data to display in rows and columns, then, HTML provides you tags that you can use to arrange your data into rows and columns. In other words, we use HTML tables to display data in tabular format. In this post, we will see how to create a table in HTML. You can…
• May 16, 2022

  How to add an image to a button in html?

  In this post, we will learn to add an image to a button in HTML. There are two ways to add an image to a button. Let’s see these two methods. Let’s see the first method. Adding image to the button using the <button> and <img> tag. In this method, you utilize the <button> and…
• May 14, 2022

  Make image clickable – HTML

  In this post, we are going to learn how to make an image clickable in HTML. You’ve got to use images if you want to make your webpage visually appealing and more engaging. Sometimes you will want to redirect the user to another page within your site or to a page on another site when…
• 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…
• Mar 26, 2022

  How to create a card using HTML and CSS?

  Hey, what’s up, guys. In one of my previous posts, I had created a navigation bar using HTML and CSS (Here’s the link – How to create navigation bar using HTML and CSS? ). In this post, we will see how we can create a card using HTML and CSS. So, let’s begin. First, let…