Samual Sam has Published 2492 Articles

Create a block level button with Bootstrap

Samual Sam

Samual Sam

Updated on 12-Jun-2020 20:14:51

244 Views

Use the .btn-block class in Bootstrap to create a block-level button.You can try to run the following code to implement .btn-block buttonExampleLive Demo    Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105          

Add badges component to Bootstrap list group item

Samual Sam

Samual Sam

Updated on 12-Jun-2020 20:08:19

380 Views

Add the badges component to any list group item and it will automatically be positioned on the right. Just add within the element.You can try to run the following code to implement thisExampleLive Demo           Bootstrap Example                                 Tutorials                Programming          Web Development          Networking                       New             Database                    SAP                       New             Academic                    

Add small shadow to an element in Bootstrap 4

Samual Sam

Samual Sam

Updated on 12-Jun-2020 19:49:59

79 Views

Use the .shadow-sm class in Bootstrap 4 to add a small shadow to an element.You can try to run the following code to implement the shadow-sm class in BootstrapExampleLive Demo           Bootstrap Example                                          Learning          Try programming examples          Learn from Tutorials          Play Quiz and check your knowledge          

Bootstrap responsive utility classes

Samual Sam

Samual Sam

Updated on 12-Jun-2020 19:40:16

158 Views

The following are the classes available for responsive utility classes in Bootstrap −ClassesDevices.visible-xsExtra small (less than 768px) visible.visible-smSmall (up to 768 px) visible.visible-mdMedium (768 px to 991 px) visible.visible-lgLarger (992 px and above) visible.hidden-xsExtra small (less than 768px) hidden.hidden-smSmall (up to 768 px) hidden.hidden-mdMedium (768 px to 991 px) hidden.hidden-lgLarger (992 px ... Read More

Set title of a modal in Bootstrap

Samual Sam

Samual Sam

Updated on 12-Jun-2020 19:20:52

700 Views

Use the .modal-title class in Bootstrap to set the title of a modalExampleLive Demo           Bootstrap Example                                          Examination          Result                                                                              ×                      Warning                                                          If JavaScript isn't enabled in your web browser, then you may not be able to see the result.                                                          Close                                                                  

Allow a label to be used for form validation with Bootstrap

Samual Sam

Samual Sam

Updated on 12-Jun-2020 19:13:27

134 Views

Use the .control-label class in Bootstrap to allow a label to be used for form validation.You can try to run the following code to implement the control-label class in BootstrapExampleLive Demo           Bootstrap Example                                                                      Email-                                   amit@demo.com                                                

Bootstrap alert-link class

Samual Sam

Samual Sam

Updated on 12-Jun-2020 19:03:06

169 Views

Use the alert-link class in Bootstrap to get the links in Bootstrap.You can try to run the following code to implement the alert-link class in BootstrapExampleLive Demo           Bootstrap Example                                          Error!          

Stack multiple progress bars with Bootstrap

Samual Sam

Samual Sam

Updated on 12-Jun-2020 18:56:16

355 Views

To stack multiple progress bars in Bootstrap, you can try to run the following codeExampleLive Demo           Bootstrap Example                                                       40% Complete (success)                                 30% Complete (warning)                                 20%Complete (danger)                    

Usage of Bootstrap class panel-primary

Samual Sam

Samual Sam

Updated on 12-Jun-2020 18:43:01

173 Views

The panel-primary class in Bootstrap is a contextual state class. Yes, it is blue in color.You can try to run the following code to implement a panel-primary class in BootstrapExampleLive Demo           Bootstrap Example                                                       Panel title                                 This is a Basic panel                    

Bootstrap alert-dismissable class

Samual Sam

Samual Sam

Updated on 12-Jun-2020 18:24:40

134 Views

The .alert-dismissable class in Bootstrap is used to close the alert.You can try to run the following code to implement the alert-dismissable class in BootstrapExampleLive Demo           Bootstrap Example                                                       ×                    Warning ! Don’t submit this.                                   ×                    Error ! Change few things.          

Advertisements