Found 626 Articles for CSS Framework

Use the nav-stacked class to set the pills vertically. Set the pills vertically using the class .nav-stacked along with the classes: .nav, .nav-pills.You can try to run the following code to set vertical pills in Bootstrap −ExampleLive Demo           Bootstrap Example                                 Subjects                Java          WordPress          JavaScript          

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 −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           Java                   90                   Programming Language                                                   PHP                   92                   Scrpting Language                                                   jQuery                   80                   JavaScript Library                                                

To apply hover color to a particular table row or cell with Bootstrap, use the .active class. You can try to run the following code to implement the .active class −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           C++                   70                   Programming Language                                                   PHP                   92                   Scripting Language                                                   jQuery                   80                   JavaScript Library                                                

To create a responsive table with Bootstrap, use the table-responsive class.You can try to run the following code to form a responsive table −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Type                                                                           Java                   90                   Programming Language                                                   PHP                   92                   Scrpting Language                                                   jQuery                   80                   JavaScript Library                                                

The lead class in Bootstrap is used to add emphasis to a paragraph.You can try to run the following code to implement the lead class in Bootstrap −ExampleLive Demo           Bootstrap lead class                                       Heading Two       This is an example paragraph demonstrating the use of lead body copy.          

To make extra small input group, use the input-group-xs.You can try to run the following code to implement the input-group-xs class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      $                                                

To make a table responsive with Bootstrap, you can try to run the following code &miuns;ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Student                                                                           Programming                   90                   Amit                                                   Web Dev                   92                   Yuvraj                                                   Science                   95                   Sachin                                                   Economics                   80                   Tony                                                

Wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.To make a responsive table, you can try to run the following code −ExampleLive Demo           Bootstrap Table                                                                                         Subject                   Marks                   Student                                                                  Programming                90                Amit                                        Web Dev                92                Yuvraj                                        Science                95                Sachin                                        Economics                80                Tony                                

Use the .table-condensed class, add denser information to a table.You can try to run the following code to implement a table-condensed class in Bootstrap −ExampleLive Demo           Bootstrap Table                                                Footballer Rank                                      Footballer                Rank                Country                                                            Messi                1                Argentina                                        Neymar                2                Brazil                                        Ronaldo                3                Portugal                                

To make small input group, use the input-group-sm.You can try to run the following code to implement the input-group-sm class in Bootstrap −ExampleLive Demo           Bootstrap Example                                                                      $