Colors help you present the context based on their distinctiveness. There might be a red colored warning, a light brown <div> with some side note etc. In this post we will study how Bootstrap controls the colors and used them to convey meaning better. Bootstrap Utility Classes Bootstrap has a list of utility classes for … Read more
The Affix Plugin The Affix plugin is used when you want some element to stay fixed or stuck on some area of the page. This is usually done with the social icon buttons of your website so that they are locked as you scroll up or down on the page. You can also make your … Read more
Bootstrap Menus Menus have become a usual part of any website now. A simple HTML menu is the one made with an unordered list <ul>. It is styled further, as per the web-page requirements, and displayed to the user.
1 2 3 4 5 6 | <ul> <li><a href="#">Home</a></li> <li><a href="#">Menu 1</a></li> <li><a href="#">Menu 2</a></li> <li><a href="#">Menu 3</a></li> </ul> |
Bootstrap would help you create a horizontal menus with the help of the .list-inline class. … Read more
Bootstrap Glyphicons Glyphicons are basically small icons available to use for pictorial representiation with text content, buttons, toolbars etc. Bootstrap provides its glyphicons from the Glyphicons Halflings set. There are 260 glyphicons available for use as of now. These can be used with buttons, toolbars, text, navigation and forms. Below are some examples of commonly … Read more
The layout for the Bootstrap components can be controlled well by using the flex Bootstrap Flexbox One of the considerable improvements that were made in Bootstrap 4 from Bootstrap 3 was the change of layout. Here the layout was changed from floats to Flexbox. When talking about flexible responsive layout structure, The Flexible Box Layout … Read more
The Tooltip Plugin A Bootstrap tooltip is a useful plugin that is there to give you more information about the different page elements. Basically, it is a small pop-up box which will appear when you move hover your mouse pointer over some element. Creating a Bootstrap Tooltip You can create a bootstrap tooltip by adding … Read more
The progress of any process can be visually represented using the progress bar element. You can use it to show the progress of any web-page loading or while completing a transaction process. Here we will discuss more about the progress bar element and how Bootstrap can help us control its different features. Bootstrap Basic Progress … Read more
The Popover component is a lot like the tooltips. It appears as a pop-up box when you click a certain component on the page. However, a popover can contain more content than a usual tooltip element. Here, we will study the creation and controlling of the popover component in Bootstrap. Bootstrap Toggle popover For creating … Read more
Any website with multiple pages can employ the pagination feature to make the navigation easy for the user. Here, we will learn about the features that Bootstrap has to offer for the pagination elements. Bootstrap Basic Pagination As told before, pagination helps the user to navigate through the different pages of the website. Basically it … Read more
What is PDO? Other than procedural methods like MySQLi, PHP also provides an object oriented approach to deal with databases. This framework is widely known as PDO: PHP Data Objects. Advantages of PDO PDO is applicable on 12 different databases whereas MySQLi is not, which makes PDO more flexible than typical procedural approach. PDO also … Read more
