George John

George John

789 Articles Published

Articles by George John

Page 36 of 79

Change the size of Bootstrap input groups

George John
George John
Updated on 11-Mar-2026 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:Example           Bootstrap Example                                                                   @                                                       @                                                       @                                

Read More

Set large modal in Bootstrap

George John
George John
Updated on 11-Mar-2026 3K+ Views

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 More

Set disabled links with Bootstrap

George John
George John
Updated on 11-Mar-2026 5K+ 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 −Example           Bootstrap Example                                 Website                Home          Team          Authors          MVPs             Website (With disabled links)                Home          Team          Authors (disabled link)          MVPs          

Read More

Bootstrap .nav-justified class

George John
George John
Updated on 11-Mar-2026 385 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.Example           Bootstrap Example                                 Subjects                       Home             Team             Authors             MVPs              

Read More

Bootstrap navbar-static-top class

George John
George John
Updated on 11-Mar-2026 737 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 .Example           Bootstrap Example                                                       Car Accessories                                                Car Cover                Car Mobile Holder                Car Mobile Charger                                

Read More

Get a muted look with .disabled in Bootstrap Pager

George John
George John
Updated on 11-Mar-2026 251 Views

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 More

Bootstrap breadcrumb class

George John
George John
Updated on 11-Mar-2026 157 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 −Example           Bootstrap Example                                          Home          Quiz          PHP          

Read More

Create a circular badge with Bootstrap

George John
George John
Updated on 11-Mar-2026 771 Views

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 More

Bootstrap class panel-body

George John
George John
Updated on 11-Mar-2026 462 Views

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 More

Indicate a dangerous action to a particular table row or cell with Bootstrap

George John
George John
Updated on 11-Mar-2026 231 Views

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 More
Showing 351–360 of 789 articles
« Prev 1 34 35 36 37 38 79 Next »
Advertisements