George John has Published 1167 Articles

Bootstrap breadcrumb class

George John

George John

Updated on 12-Jun-2020 18:18:37

60 Views

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 −ExampleLive Demo           Bootstrap Example                                          Home          Quiz          PHP          

Fix navbar to the bottom of the page with Bootstrap

George John

George John

Updated on 12-Jun-2020 17:38:11

388 Views

To fix navbar to the bottom, use the navbar-fixed-bottom class:ExampleLive Demo           Bootstrap Example                                                       Java Topics                                                Basics                Interface                Polymorphism                Encapsulation                                

Get a muted look with .disabled in Bootstrap Pager

George John

George John

Updated on 12-Jun-2020 17:29:48

139 Views

To get a muted look with disabled class, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                 Answers                      Q1          Q2          Q3          Q4          Q5          Q6                      ← Older          Newer →          

Bootstrap navbar-static-top class

George John

George John

Updated on 12-Jun-2020 17:24:14

512 Views

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 .ExampleLive Demo           Bootstrap Example                                                       Car Accessories                                                Car Cover                Car Mobile Holder                Car Mobile Charger                                

Bootstrap .nav-justified class

George John

George John

Updated on 12-Jun-2020 17:12:22

266 Views

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.ExampleLive Demo           Bootstrap Example                                 Subjects                       Home             Team             Authors             MVPs              

Set disabled links with Bootstrap

George John

George John

Updated on 12-Jun-2020 16:46:15

3K+ Views

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 −ExampleLive Demo           Bootstrap Example         ... Read More

Usage of btn-xs Bootstrap class

George John

George John

Updated on 12-Jun-2020 16:13:38

122 Views

Create an extra small button using the btn-xs Bootstrap class. You can try to run the following code to implement the btn-xs class:ExampleLive Demo           Bootstrap Example                                                       Subject                                             Programming             Web Dev             Database             Networking                    

Change the size of Bootstrap input groups

George John

George John

Updated on 12-Jun-2020 16:09:08

2K+ Views

Change the size of the input groups, by adding the relative form sizing classes like .input-group-lg, input-group-sm, input-group-xs to the .input-group itself.You can try to run the following code to change the size of input groups in Bootstrap:ExampleLive Demo           Bootstrap Example                                                                   @                                                       @                                                       @                                

Set disabled state for Bootstrap Buttons

George John

George John

Updated on 12-Jun-2020 15:13:00

167 Views

To set disabled state, use the disabled class.You can try to run the following code for the disabled state of a button −ExampleLive Demo           Bootstrap Example                                 The following are some buttons:                Default Button                      Disabled Button          

Clearfix Bootstrap class

George John

George John

Updated on 12-Jun-2020 14:58:47

215 Views

Use the .clearfix class to clear the float of any element in Bootstrap.ExampleYou can try to run the following code to implement the clearfix class:Live Demo           Bootstrap Example                                                       Quick Float to left                                 Quick Float to right                    

Advertisements