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 by George John
Page 35 of 79
Set disabled links with Bootstrap
For each of the .nav classes, if you add the .disabled class, it will create a gray link that also disables the :hover state.You can try to run the following code to set disabled links −Example Bootstrap Example Website Home Team Authors MVPs Website (With disabled links) Home Team Authors (disabled link) MVPs
Read MoreBootstrap .nav-justified class
Make tabs or pills of equal widths as of their parent at screens wider than 768px using class .nav-justified along with .nav, .nav-tabs or .nav, .nav-pills respectively. On smaller screens, the nav links are stacked.Example Bootstrap Example Subjects Home Team Authors MVPs
Read MoreBootstrap navbar-static-top class
To create a navbar that scrolls with the page, add the .navbar-static-top class. This class does not require adding the padding to the .Example Bootstrap Example Car Accessories Car Cover Car Mobile Holder Car Mobile Charger
Read MoreGet a muted look with .disabled in Bootstrap Pager
To get a muted look with disabled class, you can try to run the following code −Example Bootstrap Example Answers Q1 Q2 Q3 Q4 Q5 Q6 ← Older Newer →
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 MoreCreate a circular badge with Bootstrap
Use the .badge class in Bootstrap to create a circular badge with Bootstrap.You can try to run the following code to implement .badge class −Example Bootstrap Example Blog Posts Tech 95 Entertainment 30 Research 9 Viral 20 Sport 105
Read MoreBootstrap class panel-body
Set container for content inside the panel with the .panel-body Bootstrap class.You can try to run the following code to implement the .panel-body class −Example Bootstrap Example MCA Result Top Engineers of batch 2017-18
Read MoreIndicate a dangerous action to a particular table row or cell with Bootstrap
To indicate a dangerous action to a particular table row or cell with Bootstrap, use the .danger class. You can try to run the following code to implement the .danger class −Example Bootstrap Table Subject Marks Type Java 90 Programming Language PHP 92 Scrpting Language jQuery 80 JavaScript Library
Read MoreBootstrap form structure
To create a form in Bootstrap,Add a role form to the parent element.Wrap labels and controls in a with class .form-group. This is needed for optimum spacing.Add a class of .form-control to all textual , , and elements.You can try to run the following code to create a form −Example Bootstrap Forms Full Name Subject File input Example block-level help text here. Notification about our products Submit
Read MoreCreate a large button group with Bootstrap
To create a large button group in Bootstrap, use the .btn-group-lg class.You can try to run the following code to form a large button group −Example Bootstrap Example The following are the car brands: BMW Audi Jeep Datsun Toyota The following are FMCG: ITC Limited Colgate-Palmolive Nestle Britannia Industries Limited
Read More