Category :- HTML

How to Create Bootstrap Modal in your Website

Last Updated: June 1, 2017

bootstrap modal

Modals are 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. We also find 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: April 27, 2017

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 you all this from scratch and help you to make every Image, Video and Navbar mobile friendly. If you are a beginner with Bootstrap then I would recommend to first read the below tutorial:

(more…)

How to Use Bootstrap to Create Responsive Design

Last Updated: March 23, 2017

how to use bootstrap

If you are looking to use Bootstrap in your website then this tutorial will teach you this 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 with it. In this tutorial I will use Bootstrap 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: March 23, 2017

In the web development area, the question “What is Bootstrap” is quite popular. You may have tried to get the answer but failed to find an understandable answer. So I decided to provide a proper and easy answer for this question in this article.

What is Bootstrap

Bootstrap is the most popular, free and open-source framework for creating responsive layout in web pages with much less efforts. It contains HTML, CSS and JS components for creating forms, buttons, navigation, dropdown, modals, layout and many other things, the list is very long indeed. You can create all these without much efforts which otherwise would require a lot of CSS, HTML and JS code. If you are a web developer then Bootstrap is for you. (more…)

Fantastic Ways to Make Website Navigation Bar Look Staggering

Last Updated: January 15, 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. It is good if your site visitors are doing call to action in the navigation bar as it is a reflection that their eyeballs are falling to it. 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…)

CSS Media Queries for Responsive Web Design

Last Updated: January 15, 2017

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…)