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
Selected Reading
Avoid wrapping flex-items in Bootstrap on different screens
You can wrap the flex items on difference screen sizes, using the flex-*-nowrap class. As shown below, wrapping is avoided here ?
The above avoids wrapping of flex item on small and large screen size using the following code snippet ?
Flex items won't wrap (small screen size)
Ques 1Ques 2Ques 3Ques 4Ques 5Ques 6Ques 7Ques 8Ques 9Ques 10Ques 11Ques 12Ques 13Ques 14Flex items won't wrap (large screen size)
Ques 1Ques 2Ques 3Ques 4Ques 5Ques 6Ques 7Ques 8Ques 9Ques 10Ques 11Ques 12Ques 13Ques 14
The following is the complete example to implement flex-*-nowrap class in Bootstrap 4 ?
Example
Bootstrap Example Flex items will wrap
Ques 1Ques 2Ques 3Ques 4Ques 5Ques 6Ques 7Ques 8Ques 9Ques 10Ques 11Ques 12Ques 13Ques 14
Flex items won't wrap (small screen size)
Ques 1Ques 2Ques 3Ques 4Ques 5Ques 6Ques 7Ques 8Ques 9Ques 10Ques 11Ques 12Ques 13Ques 14
Flex items won't wrap (large screen size)
Ques 1Ques 2Ques 3Ques 4Ques 5Ques 6Ques 7Ques 8Ques 9Ques 10Ques 11Ques 12Ques 13Ques 14
Updated on: 2026-03-11T22:50:42+05:30
217 Views
Advertisements