Bootstrap Articles - Page 35 of 49

Use .label-info class in Bootstrap to add light-blue label.You can try to run the following code to implement the .label-info classExampleLive Demo           Bootstrap Example                                          Info label          Information          

Page header is used to add appropriate spacing around the headings on a page.To use a page header, wrap your heading in a with a class of .page-header −ExampleLive Demo           Bootstrap Example                                                       Header             Subtext for header                       Demo text! Demo text! Demo text! Demo text! Demo text!          Demo text! Demo text! Demo text! Demo text!          

With the thumbnail class in Bootstrap, you can easily create a thumbnail.Follow the below-given steps &minus − Add an tag with the class of .thumbnail around an image.This adds four pixels of padding and a gray border.On hover, an animated glow outlines the image.You can try to run the following code to create thumbnail −ExampleLive Demo           Bootstrap Example                                                                                                  

To get a jumbotron of full width, and without rounded corners use the .jumbotron class outside all .container classes and instead add a .container within.ExampleYou can try to run the following code to implement thisLive Demo           Bootstrap Example                                                       Welcome to landing page!             Example for jumbotron.                                               Click for more                                                

For active states, place to active links in Bootstrap −You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                 Active State in navigations                                            29                Home                                                            9                Mail                                

The Bootstrap danger contextual class indicates a danger action.You can try to run the following code to implement the .danger class −ExampleLive Demo           Bootstrap Table                                                                      Subject                Marks                Student                                                            Programming                90                Amit                                         Web Dev                 92                 Yuvraj                                        Science                95                Sachin                                        Economics                80                Tony                                

Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve thisExampleLive Demo           Bootstrap Example                                 Active State in Pill                Home 29          Profile          Messages 72          

To create tabs with Bootstrap, use the .nav and .nav-tabs classes. With that use the .dropdown-menu class.Start with a basic unordered list with the base class of .nav Add the class .nav-tabs.Now add an unordered list with a .dropdown-menu class.You can try to run the following code to create tabs with drop-down −ExampleLive Demo           Bootstrap Example                                 Website                Home          About                                      Products                                                        Online Compiler                Image Editor                Document Viewer                                Services          Contact          

You can try to run the following code to use the previous and next class for alignment of links:ExampleLive Demo           Bootstrap Example                                 Answers                      ← Older          Newer →          

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 →