George John has Published 1081 Articles

Bootstrap class panel-body

George John

George John

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

395 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

671 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

411 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

4K+ 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

186 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

298 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

2K+ 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                                                

Bootstrap breadcrumb class

George John

George John

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

102 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

463 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

202 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 →          

Advertisements