- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 626 Articles for CSS Framework
![Krantik Chavan](https://www.tutorialspoint.com/assets/profiles/13545/profile/60_126883-1512724834.jpg)
3K+ Views
Use the .btn-group class in Bootstrap to group buttons on a single like.You can try to run the following code to implement .btn-group class in Bootstrap:ExampleLive Demo Bootstrap Example The following are the car brands: BMW Audi Jeep Datsun Toyota Mahindra
![Rishi Rathor](https://www.tutorialspoint.com/assets/profiles/13563/profile/60_89283-1512714754.jpg)
144 Views
A modal is a child window that is layered over its parent window. Typically, the purpose is to display content from a separate source that can interact without leaving the parent window. Child windows can provide information, interaction, or more.Toggle the modal plugin's hidden content −Via data attributes − Set attribute data-toggle = "modal" on a controller element, like a button or link, along with a data-target = "#identifier" or href = "#identifier" to target a specific modal (with the id = "identifier") to toggle.Via JavaScript − Using this technique you can call a modal with id = "identifier" with ... Read More
![Lakshmi Srinivas](https://www.tutorialspoint.com/assets/profiles/13528/profile/60_91717-1512651120.jpg)
230 Views
Use the .embed-responsive class in Bootstrap to set a container for embedded content.You can try to run the following code to implement the .embed-responsive class in BootstrapExampleLive Demo Bootstrap Example Add pages in WordPress To add pages on a WordPress, try the below given steps in the video:
![karthikeya Boyini](https://www.tutorialspoint.com/assets/profiles/13518/profile/60_31598-1537784993.jpg)
254 Views
Bootstrap comes bundled with 12 jQuery plugins that extend the features and can add more interaction to your site.By utilizing Bootstrap Data API, most of the plugins can be triggered without writing a single line of code.Bootstrap Plugins can be included on your site in the following two forms −Individually − Using Bootstrap's individual *.js files. Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs. Compiled (all at once) − Using bootstrap.js or the minified bootstrap.min.js. Do not attempt to include both, as both bootstrap.js and bootstrap.min.js contain all ... Read More
![Anvi Jain](https://www.tutorialspoint.com/assets/profiles/13591/profile/60_98631-1512716973.jpg)
127 Views
Transition.js is a basic helper for transitionEnd events as well as a CSS transition emulator. It is used by the other plugins to check for CSS transition support and to catch hanging transitions.If you want to include this plugin functionality individually, then you will need transition.js once alongside the other JS files.
![Jennifer Nicholas](https://www.tutorialspoint.com/assets/profiles/13569/profile/60_88876-1512715262.jpg)
1K+ Views
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 −ExampleLive Demo Bootstrap Example Progress Bar Normal Progress Bar 45%Complete (success) Animated Progress Bar 40% Complete
![Lakshmi Srinivas](https://www.tutorialspoint.com/assets/profiles/13528/profile/60_91717-1512651120.jpg)
228 Views
The progress-striped class is used to form a striped progress bar in Bootstrap.You can try to run the following code to create a striped progress bar in BootstrapExampleLive Demo Bootstrap Example Striped Progress Bars Success Progress Bar 45%Complete (success) Info Progress Bar 80% Complete (info)