Found 641 Articles for CSS Framework

Bootstrap class Jumbotron

Krantik Chavan
Updated on 12-Jun-2020 17:51:46

135 Views

With the jumbotron class in Bootstrap, increase the size of headings and add a lot of margin for landingpage content.You can try to run the following code to implement the .jumbotron class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                       Welcome to landing page!             Our first page.                            Click for more                                

Set Bootstrap badges in active states of list navigation

Arjun Thakur
Updated on 12-Jun-2020 17:54:19

114 Views

Place to active links to set Bootstrap badges in active states of pill.You can try to run the following code to achieve this −ExampleLive Demo           Bootstrap Example                                 Active State in navigations                                            29                  Home                                    Profile                                      9                Messages                                

Active Nav States in Bootstrap

Samual Sam
Updated on 12-Jun-2020 17:58:38

304 Views

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                                

Bootstrap danger Contextual class

Nishtha Thakur
Updated on 12-Jun-2020 17:55:54

222 Views

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                                

Set Bootstrap badges in active states of pill

Lakshmi Srinivas
Updated on 12-Jun-2020 18:01:18

256 Views

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          

Tabs With Dropdown Bootstrap Example

Ankith Reddy
Updated on 12-Jun-2020 18:00:19

1K+ Views

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          

Bootstrap Badges

karthikeya Boyini
Updated on 12-Jun-2020 17:28:23

125 Views

Badges are similar to labels; the primary difference is that the corners are more rounded. To use badges just add to links, Bootstrap navs, etc. You can try to run the following code to implement badges in BootstrapExampleLive Demo           Bootstrap Example                                 Mailbox 50    

Use previous and next class for alignment of links

Smita Kapse
Updated on 12-Jun-2020 17:27:03

130 Views

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 →          

Get a muted look with .disabled in Bootstrap Pager

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 →          

Usage of btn-large Bootstrap class

Samual Sam
Updated on 12-Jun-2020 17:30:49

200 Views

Create a large button using the btn-large Bootstrap class. You can try to run the following code to implement the btn-large Bootstrap classExampleLive Demo           Bootstrap Example                                                       Subject                                             Programming             Web Dev             Database                    

Advertisements