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
Bootstrap Articles
Page 27 of 49
Add the default styles for the dropdown menu container in Bootstrap
Use the .dropdown-menu class in Bootstrap to add the default styles for the dropdown menu containerExampleLive Demo Bootstrap Example Mobile Phones The following are the mobile phone brands available in India: Companies Apple Samsung Oppo Nokia
Read MoreChange the order of the Bootstrap grid columns
Use the .col-*-pull-* and .col-*-push-* classes in Bootstrap to change the order of the Bootstrap grid columns −ExampleLive Demo Bootstrap Example Bootstrap Example 1 Right Left
Read MoreSet a container that spans the full width of the screen with Bootstrap
Use the .container-fluid class in Bootstrap to set a container that spans the full width of the screen.You can try to run the following code to implement the container-fluid classExampleLive Demo Bootstrap Example Container fluid Normal width Width is 75% Width is 50% Width is 25%
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 caption text inside a thumbnail class
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.
Read MoreCreate a caret arrow icon that represents dropdown button with Bootstrap
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
Read MoreCenter any element in Bootstrap
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.
Read MoreContainer for checkboxes in Bootstrap\\n
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
Read MoreUsage of Bootstrap label class
Bootstrap label class is used to add labels such as tips, count, etc.Let us see an example to implement label classExampleLive Demo Bootstrap Example Tools 40 QA 1000
Read MoreIndicate a close icon with Bootstrap
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
Read More