Chandu yadav has Published 1091 Articles

Set the width of an element to 75% in Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 21:15:32

938 Views

To set the width of an element to 75%, use the .w-75 class in Bootstrap.You can try to run the following code to set element’s width −ExampleLive Demo           Bootstrap Example                                          Set element width          Normal width          Width is 75%    

Make multiple checkboxes appear on the same line with Bootstrap

Chandu yadav

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                                

Create a large button with Bootstrap

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 20:50:15

1K+ Views

To create a large button, use the .btn-lg class in Bootstrap.You can try to run the following code to implement the .btn-lg class −ExampleLive Demo           Bootstrap Example                                 The following are FMCG companies:                ITC Limited          Nestle          Britannia Industries Limited          

Add a red background color to an element to set danger action with Bootstrap

Chandu yadav

Chandu yadav

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

300 Views

Use the .btn-danger class to set danger action for a button i.e. red background color to an element.You can try to run the following code to implement danger action −ExampleLive Demo           Bootstrap Example                                          Categories                      Tech 95          Entertainment 30          Research 9          Viral 20          Sport 105                      Do not click below:          Danger          

Link Bootstrap List Group Items

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 20:06:02

462 Views

Use the anchor tags instead of list items and link the list groups using the list-group-item class −You can try to run the following code to link Bootstrap list group items −ExampleLive Demo           Bootstrap Example                                          Web Dev             PHP       HTML5       Java    

Set the width of an element to 50% in Bootstrap 4

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 19:57:10

1K+ Views

To set the width of an element to 50%, use the .w-50 class in Bootstrap.You can try to run the following code to set element’s width −ExampleLive Demo            Bootstrap Example                                          Set element width          Normal width          Width is 50%          

Bootstrap Filter list

Chandu yadav

Chandu yadav

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

3K+ Views

To create a filter list, use the .list-group class in Bootstrap.You can try to run the following code to create a filter list −ExampleLive Demo           Bootstrap Example                             ... Read More

Create three unequal Columns with Bootstrap grid layout

Chandu yadav

Chandu yadav

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

539 Views

To create three unequal columns in Bootstrap, you can try to run the following code −ExampleLive Demo           Bootstrap Example                                          Bootstrap Grid Unequal Columns                       Column One             Column Two             Column Three                    

Create Dismissal Alerts in Bootstrap

Chandu yadav

Chandu yadav

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

376 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 ... Read More

Usage of Bootstrap class panel-danger

Chandu yadav

Chandu yadav

Updated on 12-Jun-2020 18:14:00

360 Views

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

Advertisements