Arjun Thakur has Published 1109 Articles

Bootstrap alert-info class

Arjun Thakur

Arjun Thakur

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

145 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!    

Indicate a close icon with Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 21:00:27

243 Views

To set a close icon in Bootstrap, use the .close class.You can try to run the following code to set a close icon −ExampleLive Demo           Bootstrap Example                                          Here's the close icon          ×                            Close icon                                

Bootstrap panel-footer class

Arjun Thakur

Arjun Thakur

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

883 Views

Use the .panel-footer class in Bootstrap to set footer to panel.You can try to run the following code to implement panel-footer class −ExampleLive Demo           Bootstrap Example                                                       Panel heading                                 Panel content                                 Panel footer                    

Set Bootstrap Panel with Footer

Arjun Thakur

Arjun Thakur

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

165 Views

Add footers to panel using the .panel-footer class.You can try to run the following code to set footer to panel −ExampleLive Demo           Bootstrap Example                                                       Panel heading                                 Panel content                                 Panel content                                 Panel footer                    

Create an alert message box with Bootstrap

Arjun Thakur

Arjun Thakur

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

920 Views

Use the .alert class in Bootstrap to create an alert message box −ExampleLive Demo           Bootstrap Example                                                       Warning!                    

Bootstrap Large Grid

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 20:03:17

132 Views

To create a Bootstrap large grid, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Grid   ... Read More

Create a Bootstrap Media List

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 19:38:23

163 Views

To create a Bootstrap media list in Bootstrap, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                         ... Read More

Create Two Columns with Two Nested Columns in Bootstrap

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 19:28:19

562 Views

To create two columns in two nested columns, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                 Nested Columns                             Column1                            nested column                nested column                                Column2          

Bootstrap alert class

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 18:34:11

147 Views

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, .alert-warning, .alert-danger.You can try to run the following code to create an alert class −ExampleLive Demo           Bootstrap Example ... Read More

Bootstrap class table

Arjun Thakur

Arjun Thakur

Updated on 12-Jun-2020 18:10:21

137 Views

To create a table in Bootstrap, use the .table class.You can try to run the following code to create a table:Live Demo           Bootstrap Example                                                       Result                                 Top Students of batch 2017-18                                                Student                Marks                Rank                                        David                82                1                                        John                79                2                                        Tom                76                3                                

Advertisements