Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Bootstrap Articles
Page 14 of 49
Active Nav States in Bootstrap
For active states, place to active links in Bootstrap −You can try to run the following code to achieve thisExample Bootstrap Example Active State in navigations 29 Home 9 Mail
Read MoreUsage of Bootstrap thumbnail
With the thumbnail class in Bootstrap, you can easily create a thumbnail.Follow the below-given steps &minus − Add an tag with the class of .thumbnail around an image.This adds four pixels of padding and a gray border.On hover, an animated glow outlines the image.You can try to run the following code to create thumbnail −Example Bootstrap Example
Read MoreBootstrap page-header class
Page header is used to add appropriate spacing around the headings on a page.To use a page header, wrap your heading in a with a class of .page-header −Example Bootstrap Example Header Subtext for header Demo text! Demo text! Demo text! Demo text! Demo text! Demo text! Demo text! Demo text! Demo text!
Read MoreAdd a light-blue label (set info) with Bootstrap
Use .label-info class in Bootstrap to add light-blue label.You can try to run the following code to implement the .label-info classExample Bootstrap Example Info label Information
Read MoreBootstrap thumbnail class
The role of .thumbnail class in Bootstrap is used to create a thumbnail for images −Example Bootstrap Example
Read MoreAdd HTML headings into Bootstrap thumbnails
With Bootstrap, you can easily add heading to thumbnails.You can try to run the following code to add HTML headings −Example Bootstrap Example Thumbnail Heading
Read MoreBootstrap breadcrumb class
On a website or blog, breadcrumbs can show the dates of publishing, categories, or tags. Breadcrumbs show hierarchy-based information. In Bootstrap, use the .breadcrumb class to add breadcrumbs to a website.You can try to run the following code to implement breadcrumbs −Example Bootstrap Example Home Quiz PHP
Read MoreBootstrap panel class
Panel components are used when you want to put your DOM component in a box. To get a basic panel, just add class .panel to the element.You can try to run the following code to implement panel class in BootstrapExample Bootstrap Example Demo panel
Read MoreSet Bootstrap Panel with Heading
Follow the below steps to set Bootstrap panel with heading −Use .panel-heading class to add a heading container to your panel.Use any - with a .panel-title class to add a pre-styled heading.You can try to run the following code for panel with headings in Bootstrap −Example Bootstrap Example Tutorials Learn for free Quiz Attempt these quizzes
Read MoreUsage of Bootstrap class panel-danger
The .panel-danger class in Bootstrap is used to indicate danger.You can try to run the following code to implement panel-danger class −Example Bootstrap Example Panel title (danger) This is a Basic panel
Read More