Found 626 Articles for CSS Framework

Indicate a close icon with Bootstrap

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                                

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

424 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                                

Center any element in Bootstrap

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

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

Create a caret arrow icon that represents 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                                

Usage of Bootstrap class panel-warning

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

131 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                    

Bootstrap panel-footer class

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                    

Add a caption text inside a thumbnail class

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

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

Create an extra small button with Bootstrap

karthikeya Boyini
Updated on 12-Jun-2020 20:43:16

374 Views

Use the .btn-xs class in Bootstrap to create an extra small button in BootstrapExampleLive Demo           Bootstrap Example                                 Click below if you want to know the message:       Message    

Create a yellow button (warning) with Bootstrap

Ankith Reddy
Updated on 12-Jun-2020 20:44:32

600 Views

Use the .btn-warning class in Bootstrap to create a yellow button that indicates warning in Bootstrap.You can try to run the following code to implement the .btn-warning class −ExampleLive Demo           Bootstrap Example                                 You are WARNED!    

Advertisements