Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
To create a collapsible panel in Bootstrap, use the panel-collapse class.You can try to run the following code to create a collapsible panelExampleLive Demo Bootstrap Example Tutorials Click below... Free learning content We provide free learning content and quizzes as well. Copyright 2018
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
To make a group of buttons span entire width of the screen, use the .btn-group-justified.You can try to run the following code to implement the .btn-group-justified class −ExampleLive Demo Bootstrap Example The following are the car brands: BMW Audi Jeep Datsun Toyota The following are FMCG: ITC Limited Colgate-Palmolive Nestle Britannia Industries Limited
To set the width of an element to 25%, use the .w-25 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo Bootstrap Example Set element width Normal width Width is 50% Width is 25%
To create a green color alert box indicating a positive action, use the alert-success class.To implement an alert-success class, you need to try to run the following code −ExampleLive Demo Bootstrap Example Indicates a positive action!
Use the .badge class in Bootstrap to create a circular badge with Bootstrap.You can try to run the following code to implement .badge class −ExampleLive Demo Bootstrap Example Blog Posts Tech 95 Entertainment 30 Research 9 Viral 20 Sport 105
To set the width of an element to 100%, use the .w-100 class in Bootstrap.You can try to run the following code to set element’s widthExampleLive Demo Bootstrap Example Set element width Normal width Width is 25%
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
Add the badges component to any list group item and it will automatically be positioned on the right. Just add within the element.You can try to run the following code to implement thisExampleLive Demo Bootstrap Example Tutorials Programming Web Development Networking New Database SAP New Academic
With Bootstrap, you can easily add paragraphs to thumbnails.You can try to run the following code to add HTML paragraphs −ExampleLive Demo Bootstrap Example Thumbnail label This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph! This is demo paragraph!