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
Move columns to the right with Bootstrap
To move columns to the right, use the .col-*-offset-* class in Bootstrap.You can try to run the following code to implement itExample Bootstrap Example This is div1. This is div2.
Read MoreBootstrap Form Radio Button
Use radio class if you want to limit the user to just one selection i.e. adding radio buttons. Use.radio-inline class to a series of radios for controls appear on the same line.You can try to run the following code to implement Bootstrap Forms radio buttonExample Bootstrap Forms Favourite TV Series Suits House of Cards
Read MoreCreate multiple select list in Bootstrap
To create multiple select lists in Bootstrap, use multiple,You can try to run the following code to implement multiple select −Example Bootstrap Example Country India Australia US
Read MoreBootstrap .has-success class
The has-success class allows you to set success action for input −Example Bootstrap Example Input with success
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 classExample 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 −Example Bootstrap Example Set element width Normal width Width is 75%
Read MoreBootstrap 4 .justify-content-*-start class
Use the justify-content-start class in Bootstrap to justify content in the beginning.The justify-content-*-start class is used in Bootstrap to justify content in the beginning on different screen sizes like the following on small, medium, and large screen sizes −You can try to run the following code to implement the justify-content-*-start class −Example Bootstrap Example Entertainment Bollywood Tollywood Hollywood Bollywood Tollywood Hollywood Bollywood Tollywood Hollywood
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 MoreAlign flex items in the start on different screen sizes in Bootstrap
To align flex items on small, medium, large and extra large screen size, use the justify-content-*-start class.Let us see first for small screen size − Interface Packages Multithreading In the same way, implement it for medium, large and extra large screen size like the following −justify-content-md-start: Medium Screen size justify-content-lg-start: Large Screen size justify-content-xl-start: Extra Large Screen SizeYou can try to run the following code to align flex items in the start on different screen sizes −Example Bootstrap Example Java Topics Interface Packages Multithreading Interface Packages Multithreading Interface Packages Multithreading
Read MoreAdd top rounded corners to an element in Bootstrap 4
To add top rounded corners to an element, use the rounded-top class in Bootstrap 4.I have taken div as the element −Let us learn how to add top rounded corners to an element −Example Bootstrap Example .new { width: 80px; height: 80px; background-color: #EE6D1E; margin: 20px; } Rounded Corner We have a rectangle with top rounded corner:
Read More