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 15 of 49
How to use Bootstrap Scrollspy Plugins
The Scroll spy (auto updating nav) plugin allows you to target sections of the page based on the scrollposition. In its basic implementation, as you scroll, you can add .active classes to the navbar based onthe scroll position.You can try to run the following code to implement scrollspy plugin in Bootstrap −Example Bootstrap Example Toggle ...
Read MoreUsage of Bootstrap class panel-primary
The panel-primary class in Bootstrap is a contextual state class. Yes, it is blue in color.You can try to run the following code to implement a panel-primary class in BootstrapExample Bootstrap Example Panel title This is a Basic panel
Read MoreInclude list groups within any Bootstrap Panel
To include list groups within Bootstrap panel, create a panel by adding class .panel to the element.Also, add class .panel-default to this element. Now within this panel include your list groups.Example Bootstrap Example Tutorials List of tutorials C Java Ruby C++
Read MoreUsage of Bootstrap panel-default
For a basic panel, add class .panel to the element. With that, add class .panel-default to this element.You can try to run the following code to implement a panel-default classExample Bootstrap Example This is demo text in a panel.
Read MoreCreate a blue button (primary) with Bootstrap
Use the .btn-primary class in Bootstrap to create a primary button in Bootstrap that is blue in color −Example Bootstrap Example Click below if you want to know the result: Result
Read MoreCreate a green button (success) with Bootstrap
Use the .btn-success class in Bootstrap to create a green button that indicates successExample Bootstrap Example Click below if you want to know the result of successful students: Submit
Read MoreCreate Dismissal Alerts in Bootstrap
To create a dismissal alert −Add a basic alert by creating a wrapper and adding a class of .alert and one of the four contextual classes, for example, .alert-success, .alert-info, etc.Also add optional .alert-dismissable to the above class.Add a close button.You can try to run the following code to create dismissal alerts −Example Bootstrap Example × Success! Well done its submitted. × Info! Take this info.
Read MoreSet success action for a list item in a list group with Bootstrap
Use the list-group-item-success class in Bootstrap to set success action for a list item in a list group.You can try to run the following code to implement the list-group-item-success class −Example Bootstrap Example Java Interfaces Multi-threading Packages
Read MoreCreate a progress bar with Bootstrap
To create a basic progress bar in Bootstrap, use the .progress and .progress-bar class.You can try to run the following code to form a progress bar −Example Bootstrap Example 60% Complete
Read MoreAnimate Bootstrap progress bar
Follow the below given steps to create an animated progress bar:Add a with a class of .progress and .progress-striped. Also, add class .active to .progress-striped.Next, inside the above , add an empty with a class of .progress-bar.Add a style attribute with the width expressed as a percentage. Say for example, style = "60%"; indicates that the progress bar was at 60%.You can try to run the following code to create animated progress bar −Example Bootstrap Example Progress Bar Normal Progress Bar 45%Complete (success) Animated Progress Bar 40% Complete
Read More