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
-
Economics & Finance
Articles by Chandu yadav
Page 37 of 81
Bootstrap 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 −Example 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 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 −Example Bootstrap Example Panel title (danger) This is a Basic panel
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 −Example Bootstrap Example × Success! Well done its submitted. × Info! Take this info.
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 −Example 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 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 −Example Bootstrap Example Categories Tech 95 Entertainment 30 Research 9 Viral 20 Sport 105 Do not click below: Danger
Read MoreBootstrap table-responsive class
Wrapping any .table in .table-responsive class, you will make the table scroll horizontally up to small devices (under 768px). When viewing on anything larger than 768px wide, you will not see any difference in these tables.To make a responsive table, you can try to run the following code −Example Bootstrap Table Subject Marks Student Programming 90 Amit Web Dev 92 Yuvraj Science 95 Sachin Economics 80 Tony
Read MoreBootstrap .btn-xs class
To create extra small buttons, use the .btn-xs class.You can try to run the following code to implement btn-xs class in Bootstrap −Example Bootstrap Example The following are extra small buttons: Extra small Primary button Extra small button
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 −Example Bootstrap Example Set element width Normal width Width is 75%
Read MoreBootstrap .has-warning class
The has-warning class allows you to set warning for input.You can try to run the following code to implement has-warning class −Example Bootstrap Example Input with warning
Read MoreBootstrap .btn-warning class
The .btn-warning class is used to set a warning button.You can try to run the following code to implement the btn-warning class −Example Bootstrap Example Warning Button
Read More