Category :- HTML

How to Create Bootstrap Modal in your Website

Last Updated: February 13, 2018

bootstrap modal

A Bootstrap Modal is used to show important information to site’s visitors. This can be some sort of confirmation (like cookies information, updating or deleting profile), session time out or a new product launch. You will also find that these Bootstrap Modals are used by website owners to collect email addresses for newsletter subscription. (more…)

How to Use Bootstrap to Make Images, Videos and Navbar Responsive

Last Updated: February 13, 2018

bootstrap responsive image video navbar

Every website contains some images and videos with a Navbar at the top. They should all be responsive i.e. fits to every screen sizes. And for this purpose we use Bootstrap framework. In this tutorial I will explain all these things from scratch and help you to make every Image, Video and Navbar mobile friendly using Bootstrap 4. If you are a beginner in Bootstrap 4 then I would recommend to first read the below tutorial:

(more…)

How to Use Bootstrap to Create Responsive Design

Last Updated: February 12, 2018

how to use bootstrap

If you are looking to use Bootstrap in your website then this tutorial will teach you from the starting point. You just need a basic knowledge of HTML and CSS to use Bootstrap. After completing this tutorial you will reach an expert level from where you can develop any sort of responsive website. In this tutorial I will use Bootstrap 4 in a web page to make it responsive. You can also see What is Bootstrap to learn about the offerings of this framework in depths. (more…)

What is Bootstrap and Why you should use it in Web Development

Last Updated: February 12, 2018

In web development world, the question What is Bootstrap is quite popular. You may have tried to get the answer but failed to get a proper one. So I decided to provide a proper and easy answer for this question in this article. (more…)

Fantastic Ways to Make Website Navigation Bar Look Staggering

Last Updated: December 13, 2017

website navigation bar

A Website Navigation Bar helps the user to explore a website and get the information they are searching for. It should be simple and easy to use, with your main links of your site. Navigation bar is important since your site visitors are doing call to action on the links placed on the navigation bar. There are many ways by which you can make your website navigation bar attractive so that it catches the eyeballs of the visitors:

  • Put some animations into it by using CSS and jQuery.
  • Highlight some major links which you consider as a revenue booster for your site.
  • Put attractive images on the items of your navigation bar.
  • Change the orientation of the bar from horizontal to vertical.
(more…)

How to create Responsive Web Design using CSS Media Queries

Last Updated: February 18, 2018

css media queries

With the increase in the number of people surfing internet with smartphones, it becomes necessary that your website works well in smartphones too. In technical term you need a responsive website. A Responsive Web Design will increase user engagement from all sorts of devices and lowers the bounce rate. It also brings SEO benefits to your website. (more…)