Create a Green Button Success with Bootstrap

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

577 Views

Use the .btn-success class in Bootstrap to create a green button that indicates successExampleLive Demo           Bootstrap Example                                 Click below if you want to know the result of successful students:       Submit    

Create Dismissal Alerts in Bootstrap

Chandu yadav
Updated on 12-Jun-2020 18:29:10

397 Views

To create a dismissal alert −Add a basic alert by creating a wrapper and adding a class of .alert and one of the four contextual classes, for example, .alert-success, .alert-info, etc.Also add optional .alert-dismissable to the above class.Add a close button.You can try to run the following code to create dismissal alerts −ExampleLive Demo           Bootstrap Example                                                       ×                    Success! Well done its submitted.                                   ×                    Info! Take this info.          

Set Success Action for a List Item in a List Group with Bootstrap

Smita Kapse
Updated on 12-Jun-2020 18:27:48

151 Views

Use the list-group-item-success class in Bootstrap to set success action for a list item in a list group.You can try to run the following code to implement the list-group-item-success class −ExampleLive Demo           Bootstrap Example                                          Java                                      Interfaces                                        Multi-threading                                        Packages                                

Bootstrap Alert Dismissable Class

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

204 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.          

Small Input Field with Bootstrap

George John
Updated on 12-Jun-2020 18:23:24

2K+ Views

Use the .input-sm class to set small input field in Bootstrap.You can try to run the following code to implement .input-sm class:ExampleLive Demo           Bootstrap Example                                                      Candidate Profile                                      What is your job profile?                                   Programmer                   Web Developer                   DBA                   Support Engineer                                                        Educational Qualification                                   Undergraduate                   Graduate                   Post-Graduate                                                

Bootstrap Labels

Samual Sam
Updated on 12-Jun-2020 18:22:09

192 Views

Labels are great for offering counts, tips, or other markups for pages.ExampleUse class .label to display labels and try to run the following codeLive Demo           Bootstrap Example                                 Tutorials                       150                       Quiz                       90                    

Add HTML Headings into Bootstrap Thumbnails

Ankith Reddy
Updated on 12-Jun-2020 18:21:18

303 Views

With Bootstrap, you can easily add heading to thumbnails.You can try to run the following code to add HTML headings −ExampleLive Demo           Bootstrap Example                                                                                                              Thumbnail Heading                                

Bootstrap Thumbnail Class

Rishi Rathor
Updated on 12-Jun-2020 18:19:54

220 Views

The role of .thumbnail class in Bootstrap is used to create a thumbnail for images −ExampleLive Demo           Bootstrap Example                                                                                                    

Bootstrap Breadcrumb Class

George John
Updated on 12-Jun-2020 18:18:37

125 Views

On a website or blog, breadcrumbs can show the dates of publishing, categories, or tags. Breadcrumbs show hierarchy-based information. In Bootstrap, use the .breadcrumb class to add breadcrumbs to a website.You can try to run the following code to implement breadcrumbs −ExampleLive Demo           Bootstrap Example                                          Home          Quiz          PHP          

Bootstrap Panel Class

karthikeya Boyini
Updated on 12-Jun-2020 18:17:12

355 Views

Panel components are used when you want to put your DOM component in a box. To get a basic panel, just add class .panel to the element.You can try to run the following code to implement panel class in BootstrapExampleLive Demo           Bootstrap Example                                                       Demo panel                    

Advertisements