Hide Content Depending on Screen Size with Bootstrap

Lakshmi Srinivas
Updated on 12-Jun-2020 22:06:19

703 Views

Use the .hidden-* class in Bootstrap to hide content depending on screen size with BootstrapExampleLive Demo           Bootstrap Example                                 This is visible.       This is hidden.       Hidden on small screen       Hidden on medium screen    

Make an Element Look Like a Heading with Bootstrap

Daniol Thomas
Updated on 12-Jun-2020 22:05:16

187 Views

To make an element look like a heading, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Planet          Earth          Asia          India          Hyderabad          Madhapur          

Usage of Bootstrap Class panel-info

George John
Updated on 12-Jun-2020 22:04:13

256 Views

The panel-info class in Bootstrap is a contextual state class to form a panel more meaningful to a particular context. This adds information to a panel and is blue in color.You can try to run the following code to implement the panel-info class −ExampleLive Demo           Bootstrap Example                                                       Panel Title                                 This is a demo panel.                    

Add Feedback Icons for Inputs with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 22:03:04

907 Views

To add feedback icon, use the .has-feedback class in Bootstrap.You can try to run the following code to set feedback icons −ExampleLive Demo           Bootstrap Example                                          Example                                                      

Bootstrap Panel Default Class

Daniol Thomas
Updated on 12-Jun-2020 22:01:42

315 Views

To get a basic panel, just add class .panel to the element. With that, add class .panel-default to this element as in the following code −ExampleLive Demo           Bootstrap Example                                                       This is a demo panel                    

Add Hover Color to Table Row in Bootstrap

George John
Updated on 12-Jun-2020 22:00:24

1K+ Views

To add hover color to background color of the table row, use the .active class in Bootstrap.ExampleLive Demo           Bootstrap Example                                          Student Information                                                         Student                   Subject                                                                           Tom                   Maths                                                   Amit                   Programming                                                   Steve                   Java                                                

Fade-in Tab with Bootstrap

Krantik Chavan
Updated on 12-Jun-2020 21:59:01

4K+ Views

Use the .in class in Bootstrap to fade in the tab.You can try to run the following code to fade in tab −ExampleLive Demo           Bootstrap Example                                          Tutorials Website          The following is our learning content:                       Home             About             Product                                                Home                This is demo text!                                        About                This is demo text!                                        Product                This is demo text!                                

Right-align a Bootstrap Dropdown Menu

Jennifer Nicholas
Updated on 12-Jun-2020 21:56:35

2K+ Views

Use the .dropdown-menu-right class in Bootstrap to right align a dropdown menu −ExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                        Apple                Samsung                Oppo                                

Set a Dropup Menu Upwards with Bootstrap

Arjun Thakur
Updated on 12-Jun-2020 21:54:49

377 Views

Use the .dropup class in Bootstrap to set a dropup menu upwards.You can try to run the following code to implement the .dropup class −ExampleLive Demo           Bootstrap Example                                          Mobile Phones          The following are the mobile phone brands available in India:                       Companies                                        Apple                Samsung                Oppo                Nokia                                

Container for Embedded Content with 16:9 Aspect Ratio in Bootstrap

Samual Sam
Updated on 12-Jun-2020 21:52:56

398 Views

Use the .embed-responsive class in Bootstrap to set a container for embedded content.For 16:9 aspect ratio for the embedded content, use the embed-responsive-16by9 classExampleLive Demo           Bootstrap Example                                          Eclipse Refactoring          To refactor code in Eclipse, try the below given steps in the video:                                          

Advertisements