George John has Published 1167 Articles

Change the order of the Bootstrap grid columns

George John

George John

Updated on 12-Jun-2020 21:21:42

108 Views

Use the .col-*-pull-* and .col-*-push-* classes in Bootstrap to change the order of the Bootstrap grid columns −ExampleLive Demo           Bootstrap Example                                          Bootstrap Example 1                    Right             Left                    

Center any element in Bootstrap

George John

George John

Updated on 12-Jun-2020 21:04:47

184 Views

Use the .center-block class in Bootstrap to center an element.You can try to run the following code to implement the .center-block class:ExampleLive Demo           Bootstrap Example                                          Heading One          Text will be in center.          

Create a large button group with Bootstrap

George John

George John

Updated on 12-Jun-2020 20:46:52

184 Views

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

Bootstrap class panel-body

George John

George John

Updated on 12-Jun-2020 20:35:53

292 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 −ExampleLive Demo           Bootstrap Example                                                       MCA Result                                 Top Engineers of batch 2017-18                      

Create a circular badge with Bootstrap

George John

George John

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

547 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 −ExampleLive Demo           Bootstrap Example                                          Blog Posts          Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

Bootstrap list-group class

George John

George John

Updated on 12-Jun-2020 19:32:39

307 Views

The purpose of list-group class is to render complex and customized content in lists.You can try to run the following code to implement the list-group class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 Tutorials       The following are the tutorials:                HTML5          JavaScript          jQuery          

Bootstrap Collapsible list group

George John

George John

Updated on 12-Jun-2020 19:18:25

3K+ Views

To create a collapsible list group, use the panel-collapse property with list-group property.ExampleThe list-group property lists items using the list-group-item property −Live Demo           Bootstrap Example                                          Questions/ Answers          Click below to learn about the technologies for which we provide Interview Questions.                                                                              Info                                                                                          Java                      PHP                      C++                      HTML5                      jQuery                                                                  

How to use Bootstrap Carousel Plugins

George John

George John

Updated on 12-Jun-2020 19:07:23

120 Views

You can try to run the following code to implement carousel plugins in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                                                                                                                                                                                                                            ‹          ›          

Bootstrap alert-success class

George John

George John

Updated on 12-Jun-2020 19:02:01

224 Views

The .alert-success class in Bootstrap indicates a positive action.You can try to run the following code to implement the alert-success class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       ×                    Success!          

Small input field with Bootstrap

George John

George John

Updated on 12-Jun-2020 18:23:24

1K+ Views

Use the .input-sm class to set small input field in Bootstrap.You can try to run the following code to implement .input-sm class:ExampleLive Demo           Bootstrap Example                                                      Candidate Profile                                      What is your job profile?                                   Programmer                   Web Developer                   DBA                   Support Engineer                                                        Educational Qualification                                   Undergraduate                   Graduate                   Post-Graduate                                                

Advertisements