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 on Trending Technologies
Technical articles with clear explanations and examples
Bootstrap input-group-btn class
Use class .input-group-btn to wrap the buttons. This is required due to the default browser styles that cannot be overridden.You can try to run the following code to implement the input-group-btn class in BootstrapExample Bootstrap Example Go! Go!
Read MoreStyle the Bootstrap modal
Use the .modal-body class in Bootstrap to style the modal.You can try to run the following code to style modal −/p>Example Bootstrap Example Website Information Info × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty. Close
Read MoreSet the width and margin of the modal with Bootstrap
Use the .modal-dialog class in Bootstrap to set the width and margin of the modal.You can try to run the following code to implement .modal-dialog class −Example Bootstrap Example Web Browser More × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see this information correcty. Close
Read MoreHeader of the modal in Bootstrap
To set the header of the Bootstrap modal, use the .modal-header class.You can try to run the following code to implement the modal-header class −Example Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
Read MoreFooter of the modal in Bootstrap
To set the footer of the Bootstrap modal, use the .modal-footer class.You can try to run the following code to implement the modal-footer class −Example Bootstrap Example Examination Result × Warning If JavaScript isn't enabled in your web browser, then you may not be able to see the result. Close
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:Example Bootstrap Example Subjects Java WordPress JavaScript AngularJS
Read MoreDisable a dropdown item with Bootstrap
To disable to dropdown item in Bootstrap, use the .disabled class with the .dropdown-menu class.You can try to run the following code to disable dropdown item −Example Bootstrap Example Beverages The following are the beverages available in India: Beverages Gatorade Sting Red Bull Pepsi Coca Cola
Read MoreBootstrap .btn-success class
To set a successful action in Bootstrap, use the .btn-success class.You can try to run the following code to implement btn-success class in Bootstrap −Example Bootstrap Example Success Button
Read MoreSet a dark border to an element in Bootstrap
If you want to set a dark border to an element, use the border-dark class.Spot the difference between a normal border and dark border −To add a dark border, you need to simply add it like any other class in div as shown below − Dark Border Above, the test is the CSS style, I have used to style my rectangle (div) −.myclass { width: 150px; height: 150px; margin: 35px; }Let us see how to work with the border-dark class in Bootstrap 4 −Example Bootstrap Example ...
Read MoreBootstrap class input-group-lg
To make larger input group, use the input-group-lg.You can try to run the following code to implement the input-group-lg class in BootstrapExample Bootstrap Example $
Read More