Programming
Python
R
Java
C
C++
C#
WEB
HTML
CSS
JavaScript
BootStrap4
jQuery
SVG
MORE
Examples1
Python
GO
R
Java
C
C++
C#
Examples2
Python
R
Java
C
C++
C#
HTML
CSS
JavaScript
BootStrap4
jQuery
SVG
Seo Tools
Code Minifier
Code Beautifier
Language Compiler
Misc Tools
File Converter
References
C
C++
Python
Java
PHP
JavaScript
Examples
Python
R
Java
C
C++
C#
HTML
CSS
JavaScript
BootStrap4
jQuery
SVG
Home
About
Contact
JetPack
Multi Themes-->>
Code it ALL
Scroll TOP
BootStrap4 Responsive col-xl - CodeGK
Δ Bootstrap4 Examples
Spinners
BootStrap4 Spinners
Border Spinners in BootStrap4
Growing-Spinners in BootStrap4
Size of Spinners in BootStrap4
Spinners-Buttons in BootStrap4
Pagination
Pagination in BootStrap4
Pagination with icons in BootStrap4
Pagination with Active State in BootStrap4
Pagination with Disabled State in BootStrap4
Collapse
Collapse in BootStrap4
Multi-Element Collapse in BootStrap4
Accordion in BootStrap4
Badges
Badges in BootStrap4
Internal Badges in BootStrap4
Pill Badges in BootStrap4
Link Badges in BootStrap4
Grid_basic
BootStrap4 Single Column
BootStrap4 Multiple equal Column
BootStrap4 Multiple unequal Column
BootStrap4 Responsive col-sm
BootStrap4 Responsive col-md
BootStrap4 Responsive col-lg
BootStrap4 Responsive col-xl
BootStrap4 Responsive unequal columns
Cards
Basic BootStrap4 Card
Colored Cards in BootStrap4
Card with Images in BootStrap4
List_group
Group-List in BootStrap4
Active Items of Group List in BootStrap4
Disabled Items of Group List in BootStrap4
Filters
Name Filter in BootStrap4
Containers
.container BootStrap4
.container-sm
.container-md
.container-lg
.container-xl
.container-fluid
Progress_bars
Progress Bar in BootStrap4
Labels of Progress Bar in BootStrap4
Height of Progress Bar in BootStrap4
Colored Progress Bars in BootStrap4
Multiple Bars in BootStrap4
Striped Bars in BootStrap4
Animation of Progress Bars in BootStrap4
Icons
Font Awesome in BootStrap4
Images
Responsive-Images in BootStrap4
Image-Thumbnails in BootStrap4
Aligning-Images in BootStrap4
Dropdowns
Basic Dropdown in BootStrap4
Dropdown Link in BootStrap4
Colored Dropdowns in BootStrap4
Split Buttons in BootStrap4
Dropdown Size in BootStrap4
DropUp Button in BootStrap4
DropRight Button in BootStrap4
DropLeft Button in BootStrap4
Buttons
Filled Buttons in BootStrap4
Button Type
Outline Buttons in BootStrap4
Button Sizes in BootStrap4
Active Button in BootStrap4
Disabled Button in BootStrap4
Tables
BootStrap4 Basic Table
BootStrap4 Stripped Table
BootStrap4 Dark Table
BootStrap4 Dark Stripped Table
BootStrap4 Hoverable Standard Table
Jumbotron
Jumbotron in BootStrap4
Jumbotron Fluid in BootStrap4
Alerts
Alert in BootStrap4
Alert Link in BootStrap4
Colors
BootStrap4 BackGround Color
BootStrap4 Text Color
BootStrap4 Text Color Opacity
BootStrap4 Text Color with BackGround Color is illustrated
♦ BootStrap4 Responsive col-xl
♣ Example7: BootStrap4 Responsive col-xl
In this example, Responsive Columns are illustrated for col-xl variant.
Example
Input:
Run CODE
Reload Code
Copy Code
Bootstrap4 Responsive col-xl
Four Responsive col-xl
Resize the width of browser-window to see effects.
col1
col2
col3
col4
Output:
Grid_basic
BootStrap4 Responsive col-xl