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 25 of 49
Set the width and margin of the modal with Bootstrap
Use the .modal-dialog class in Bootstrap to set the width and margin of the modal.You can try to run the following code to implement .modal-dialog class −Example Bootstrap Example Web Browser More × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty. Close
Read MoreHeader of the modal in Bootstrap
To set the header of the Bootstrap modal, use the .modal-header class.You can try to run the following code to implement the modal-header class −Example Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
Read MoreFooter of the modal in Bootstrap
To set the footer of the Bootstrap modal, use the .modal-footer class.You can try to run the following code to implement the modal-footer class −Example Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
Read MoreDisable a dropdown item with Bootstrap
To disable to dropdown item in Bootstrap, use the .disabled class with the .dropdown-menu class.You can try to run the following code to disable dropdown item −Example Bootstrap Example Beverages The following are the beverages available in India: Beverages Gatorade Sting Red Bull Pepsi Coca Cola
Read MoreSet large modal in Bootstrap
Use the .modal-lg class in Bootstrap to set large modal with more width.You can try to run the following code to set large modal;Example Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
Read MoreAdd a gray background color to the active link in a default Bootstrap navbar
To add gray background color to the active link, use the .active class in Bootstrap.You can try to run the following code to implement .active class −Example Bootstrap Example Website Home Tutorials Quiz Demo This is demo text.
Read MoreAdd a background color to the active list item in a Bootstrap list group
Use the .active class to add gray background color to the active list item in a list group in Bootstrap.You can try to run the following code to add background color to the active list item −Example Bootstrap Example Features of Java Interface Multi-threading Packages Collection Serialization
Read MoreCenter tabs in Bootstrap
Use the .nav-justified class in Bootstrap to center tabs in Bootstrap.You can try to run the following code to center tabs −Example Bootstrap Example Web Development The following are the web dev technologies: HTML5 jQuery JavaScript Ajax ES6
Read MoreVertically stack pills with Bootstrap
Use the .nav-stacked class in Bootstrap to vertically stack pills:You can try to run the following code to implement the .nav-stacked class −Example Bootstrap Example Database The following are the database technologies: DB2 MySQL SQL CouchDB
Read Moremodal(options) method in Bootstrap
If you want to set content as a Bootstrap modal, then use the .modal(options) method.For this, use jQuery to set the model on the click of a button as in the following code snippet −$(document).ready(function(){ $("#button1").click(function(){ $("#newModal1").modal({backdrop: true}); }); });Let us now implement the modal(“options”) class. Here, we have two buttons that would generate different types of modals on click. One of them would close on clicking outside the modal, but another one will not close.Here is the complete example −Example Bootstrap Example Sample ...
Read More