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
Articles on Trending Technologies
Technical articles with clear explanations and examples
Bootstrap navbar-default class
The navbar-default class in Bootstrap is used to create a navigation bar.You can try to run the following code to implement a navbar-default classExample Bootstrap Example Cars BMW Audi
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 MoreActivate the content as a Bootstrap modal
If you want to set content as a Bootstrap modal, then use the .modal(options) method.On button click, the modal generates as in the following script.$(document).ready(function(){ $("#button1").click(function(){ $("#newModal1").modal({backdrop: true}); }); });Above, I have set options as “backdrop:true”. Another option, we can set is “backdrop: true” −backdrop: true = Clicking outside the modal, close it.backdrop: false = Clicking outside the modal, won’t close it.You can try to run the following code to implement the modal(“options”) class −Example Bootstrap Example ...
Read MoreCreate Default Bootstrap Navbar
Follow the below given steps in Bootstrap to create default navbar −Add the classes .navbar, .navbar-default to the tag.Add role = "navigation" to the above element, to help with accessibility.Add a header class .navbar-header to the element. Include an element with class navbar-brand. This will give the text a slightly larger size.To add links to the navbar, simply add an unordered list with the classes of .nav, .navbar-nav.You can try to run the following code to create default navbar −Example Bootstrap Example Cars BMW Audi SUV Creta Scorpio
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 MoreAdd responsive features to Bootstrap navbar
To add responsive features to the navbar, the content that you want to be collapsed needs to be wrapped in a with classes .collapse, .navbar-collapse.You can try to run the following code toExample Bootstrap Example Toggle navigation Tools Online Compiler Image Editor Whiteboard Image Optimizer
Read MoreUsage of Bootstrap navbar-btn class
Add buttons using class .navbar-btn to elements not residing in a to vertically center them in the navbar. .navbar-btn can be used on and elements.You can try to run the following code to implement the navbar-btn classExample Bootstrap Example Search below: Submit Button Navbar Button
Read MoreBootstrap .btn-primary class
The .btn-primary class provides extra visual weight and identifies the primary action in a set of buttons:Example Bootstrap Example Primary Button
Read MoreBootstrap table-condensed class
Using the .table-condensed class, row padding is cut in half to condense the table. as seen in the following example. This is useful if you want any denser information.You can try to run the following code to implement table-condensed class in Bootstrap −Example Bootstrap Table Footballer Rank Footballer Rank Country Messi 1 Argentina Neymar 2 Brazil Ronaldo 3 Portugal
Read MoreAlign single rows of items at the baseline in Bootstrap 4
Align single rows of items at the baseline in Bootstrap 4, use the .align-items-baseline class.To align at the baseline:
Read More