Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Articles by Chandu yadav
Page 35 of 81
Item text inside the list group in Bootstrap
To set item text inside the list group, use the .list-group-item-text class.You can try to run the following code to implement the .list-group-item-text class −ExampleLive Demo Bootstrap Example Cars Hyundai i10 i20 Volkswagen Vento Polo
Read MoreSet the width of an element to 75% in Bootstrap
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%
Read MoreAdd a red background color to an element to set danger action with Bootstrap
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
Read MoreBootstrap Filter list
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 Tutorials Java jQuery PHP AngularJS Ruby C $(document).ready(function(){ $("#demo").on("keyup", function() { var value = $(this).val().toLowerCase(); $("#newList li").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); });
Read MoreCreate Dismissal Alerts in Bootstrap
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 to create dismissal alerts −ExampleLive Demo Bootstrap Example × Success! Well done its submitted. × Info! Take this info.
Read MoreUsage of Bootstrap class panel-danger
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
Read MoreBootstrap page-header class
Page header is used to add appropriate spacing around the headings on a page.To use a page header, wrap your heading in a with a class of .page-header −ExampleLive Demo Bootstrap Example Header Subtext for header Demo text! Demo text! Demo text! Demo text! Demo text! Demo text! Demo text! Demo text! Demo text!
Read MoreUsage of Bootstrap next class to right-align the links
Use the .next class in Bootstrap to right align the links. You can try to run the following code to implement the .next class:ExampleLive Demo Bootstrap Example Answers ← Older Newer →
Read MoreBootstrap Pills
To turn the tabs into pills, use the class .nav-pills,You can try to run the following code to implement Bootstrap Pills:ExampleLive Demo Bootstrap Example Subjects Java WordPress JavaScript AngularJS
Read MoreHide content with Bootstrap
To hide content with Bootstrap, use the .hidden class in Bootstrap. You can try to run the following code to hide content:ExampleLive Demo Bootstrap Example Content is visible. Content is hidden.
Read More