Use Bootstrap Popover Plugins

Samual Sam
Updated on 12-Jun-2020 21:13:58

251 Views

The popover is similar to the tooltip, offering an extended view complete with a heading. For the popover to activate, a user just needs to hover the cursor over the element. The content of the popover can be populated entirely using the Bootstrap Data API.You can try to run the following code to implement popover pluginExampleLive Demo           Bootstrap Example                                                          Popover on left                                 Popover on top                                 Popover on bottom                                 Popover on right                                $(function (){             $("[data-toggle = 'popover']").popover();          });          

Bootstrap Alert Info Class

Arjun Thakur
Updated on 12-Jun-2020 21:12:50

243 Views

The alert-success class in Bootstrap is used to set information.You can try to run the following code to implement the alert-info class in Bootstrap −ExampleLive Demo           Bootstrap Example                                 This is info!    

Bootstrap Alert Warning Class

Lakshmi Srinivas
Updated on 12-Jun-2020 21:11:01

236 Views

The alert-success class in Bootstrap is used to set warning.You can try to run the following code to implement the alert-warning class in BootstrapExampleLive Demo           Bootstrap Example                                 This is Warning!.    

Disable a Button with Bootstrap

Smita Kapse
Updated on 12-Jun-2020 21:10:02

14K+ Views

Use the .disabled class in Bootstrap to disable a button.You can try to run the following code to implement the .disabled class −ExampleLive Demo           Bootstrap Example                                      Rank of Cricketers          The following are the rank of cricketers:          Enabled          Disabled          

Add Caption Text Inside a Thumbnail Class

Jennifer Nicholas
Updated on 12-Jun-2020 21:08:44

436 Views

To add a caption text in a thumbnail class, use the .caption class with the .thumbnail class in Bootstrap.The .thumbnail class is used to add thumbnail to an image −ExampleLive Demo           Bootstrap Example                                                                                                                                                             Data science is the process of deriving knowledge and insights from a huge and diverse set of data through organizing, processing and analysing the data.                                                                                        

Usage of Bootstrap Class Panel Warning

Ankith Reddy
Updated on 12-Jun-2020 21:07:27

245 Views

The panel-warning class in Bootstrap is used to set warning in Bootstrap. You can try to run the following code to implement panel-warning class −ExampleLive Demo           Bootstrap Example                                                       Panel title (warning)                                 This is a demo panel                    

Create Caret Arrow Icon for Dropdown Button with Bootstrap

Nitya Raut
Updated on 12-Jun-2020 21:06:04

2K+ Views

Use the .caret class in Bootstrap to create a caret arrow icon representing dropdown button.You can try to run the following code to create a carot arrow icon −ExampleLive Demo           Bootstrap Example                                          Brands          The car brands:                       Car                            BMW                Toyota                Audi                Mahindra                Volvo                                

Center Any Element in Bootstrap

George John
Updated on 12-Jun-2020 21:04:47

317 Views

Use the .center-block class in Bootstrap to center an element.You can try to run the following code to implement the .center-block class:ExampleLive Demo           Bootstrap Example                                          Heading One          Text will be in center.          

Make Multiple Checkboxes Appear on the Same Line with Bootstrap

Chandu yadav
Updated on 12-Jun-2020 21:03:55

3K+ Views

Use the .checkbox-line class in Bootstrap to make multiple checkboxes appear on the same line:ExampleLive Demo           Bootstrap Example                                          Programming Survey          Which programming languages do you like?                                      Java                                        C++                                        C                                

Container for Checkboxes in Bootstrap

Anvi Jain
Updated on 12-Jun-2020 21:02:54

599 Views

Add checkbox to a web page with Bootstrap, using the .checkbox class in BootstrapYou can try to run the following code to set container for checkboxes −ExampleLive Demo           Bootstrap Example                                          Programming Survey          Which programming languages do you like?                                      Java                                        C++                                        C                                

Advertisements