Bootply

Bootstrap columns snippets

columns
Bootstrap same height columns
3 years ago by cskelly
Use a media query to only apply flexbox at wider widths. This ensures that the row columns will be the same height...
 
3-Column Layout with Affix
3 years ago by cskelly
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Independent scrolling columns
3 years ago by cskelly
Left and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query...
 
2 columns in panel
3 years ago by katie
Bootstrap snippet / code 2 columns in panel..
 
Masonry with Panels (CSS)
last year by cskelly
Use separate columns to create a masonry style layout with Bootstrap panels...
 
Bootstrap 3.3.1 column footer
2 years ago by tofanelli
A footer that is stacked and separated by columns..
 
2 Column Responsive Form
2 years ago by cskelly
Bootstrap snippet / code 2 Column Responsive Form..
 
Prevent vertical gap
2 years ago by cskelly
Bootstrap snippet / code Prevent vertical gap..
 
list group with 2 columns
3 years ago by cskelly
How to make a list group UL with multiple columns..
 
16 columns
3 years ago by cskelly
Bootstrap snippet / code 16 columns..
 
Equal height columns
3 years ago by cskelly
How to make Bootstrap row columns the same height using CSS..
 
Bootstrap 3 Grid Study
3 years ago by cskelly
Demo of the grid cols and viewport / device sizes...
 
Customize Bootstrap 3 Gutter
3 years ago by katie
Bootstrap snippet / code Customize Bootstrap 3 Gutter..
 
Get Mobile-first with Bootstrap 3
3 years ago by cskelly
I want a responsive website?How exactly do I get "mobile-first" with Bootstrap 3? My grid columns still switch to 100% width on ta..
 
Bootstrap 3.3.1 column footer
last month by jessburnett
A footer that is stacked and separated by columns..
 
More than 12 in a row
6 months ago by cskelly
Is it ok to have more that 12?..
 
Vertical divider between columns (CSS only)
8 months ago by krystyna93
Bootstrap snippet / code Vertical divider between columns (CSS only)..
 
Bootstrap 2 fixed width columns
last year by bootply
An example of a custom Bootstrap layout with fixed width columns...
 
Sort columns with data attribute
last year by bootply
Reroder bootstap cols using data attribute..
 
Independent scrolling columns
last year by stemcc
Left and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query...
 
2 Column Responsive Form
last year by redoakfs
Bootstrap snippet / code 2 Column Responsive Form..
 
2 column fixed-fluid layout with Flexbox
2 years ago by cskelly
Finally we can mix fixed width and fluid columns in Bootstrap using CSS3 flexbox. This is a 2 column example...
 
Vertical divider between columns (CSS only)
2 years ago by cskelly
Bootstrap snippet / code Vertical divider between columns (CSS only)..
 
7 columns across
2 years ago by snippets
Bootstrap snippet / code 7 columns across..
 
2 column form error feedback page
2 years ago by bootstrap
Bootstrap snippet / code 2 column form error feedback page..
 
Remove the gutter space
2 years ago by cskelly
How to remove the gutter between to col-6..
 
Fixed and fluid layout with Flexbox
2 years ago by blades973
Finally we can mix fixed width and fluid columns in Bootstrap using CSS3 flexbox..
 
3-Column Layout with Affix
2 years ago by esironal
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Dropdown with 2 columns
3 years ago by snippets
How to make a dropdown buttons with two columns in Bootstrap..
 
left, right and big center col (SO)
3 years ago by cskelly
Bootstrap snippet / code left, right and big center col (SO)..
 
Scaled column widths
3 years ago by testazoid
Bootstrap snippet / code Scaled column widths..
 
AngularJS Bootstrap 3 same height for cols in a row
3 years ago by kaihenzler
Bootstrap snippet / code AngularJS Bootstrap 3 same height for cols in a row..
 
16 columns Bootstrap 3
3 years ago by testazoid
How get a 16 col grid in Bootstrap..
 
Only Pull Right on Tablet (SM Grid)
3 years ago by jquery
How to apply a pull right (or pull left) only on tablet (small) width and screens...
 
Masonry grid
3 years ago by cskelly
How to make Bootstrap row columns the same height using CSS..
 
Equal height row columns
3 years ago by cskelly
How to make Bootstrap row columns the same height using CSS..
 
3-Column Layout with Affix
2 years ago by tofanelli
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Bootstrap same height columns
2 years ago by Steak
Bootstrap snippet / code Bootstrap same height columns..
 
Masonry grid
3 years ago by katie
How to make Bootstrap row columns the same height using CSS..
 
AngularJS Bootstrap 3 same height for cols in a row
3 years ago by kaihenzler
Bootstrap snippet / code AngularJS Bootstrap 3 same height for cols in a row..
 
Masonry with Panels (CSS)
last month by dennyjohnk
Use separate columns to create a masonry style layout with Bootstrap panels...
 
16 columns Bootstrap 3.1
last month by carlozdre
How get a 16 col grid in Bootstrap..
 
Independent scrolling columns
last month by cskelly
Left and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query...
 
3-Column Layout with Affix
2 months ago by lodutel
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix... Similiar to undefined  
 
Vertical divider between columns (CSS only)
4 months ago by Oliverastro
Bootstrap snippet / code Vertical divider between columns (CSS only).. Similiar to undefined  
 
3-Column Layout with Affix
4 months ago by drumilbhattad
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Dropdown with 2 columns
4 months ago by shmele93
How to make a dropdown buttons with two columns in Bootstrap 3.x..
 
Vertical divider between columns (CSS only)
5 months ago by root77
Bootstrap snippet / code Vertical divider between columns (CSS only)..
 
Bootstrap same height columns
5 months ago by ottster
Use a media query to only apply flexbox at wider widths. This ensures that the row columns will be the same height...
 
Bootstrap 3.3.1 column footer
5 months ago by DanielZ
A footer that is stacked and separated by columns..
 
More than 12 in a row with resets
6 months ago by cskelly
Is it ok to have more that 12? Yes, but remember to use clearifx if content vaires in height..
 
Independent scrolling columns
6 months ago by FredrikBorgstrom
Left and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query...
 
Bootstrap columns without padding
7 months ago by cskelly
Bootstrap custom row columns without padding..
 
16 columns Bootstrap 3.1
8 months ago by wendersonandes
How get a 16 col grid in Bootstrap..
 
Independent scrolling columns
8 months ago by enchained
Left and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query...
 
3-Column Layout with Affix
9 months ago by aliandro
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Bootstrap 3.3.1 column footer
9 months ago by edwinlopezve
A footer that is stacked and separated by columns..
 
Bootstrap 2 fixed width columns responsive
last year by bootply
Alternate example of a custom Bootstrap layout with fixed width columns that uses a media query to stack vertically on small scree..
 
bootstrap form columns wrap (SO)
last year by bootply
Make sure label's float left...
 
3-Column Layout with Affix
last year by silki
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Vertical divider between columns (CSS only)
last year by hsalman01
Bootstrap snippet / code Vertical divider between columns (CSS only).. Similiar to undefined  
 
Bootstrap 4-columns fix gaps
last year by bootply
Use css3 to create a pure css masonry style layout...
 
Bootstrap 3-columns fix gaps
last year by bootply
Use css3 to create a pure css masonry style layout...
 
Bootstrap 2-columns fix gaps
last year by bootply
Bootstrap snippet / code Bootstrap 2-columns fix gaps..
 
3-Column Layout with Affix
last year by kalisto
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Dual Column Bootstrap 3 Bug
last year by likhit
Single list Dual Column Bootstrap 3 Problem I'm encountering. Problem with floats I think...
 
3-Column Layout with Affix
last year by elgamrani
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Fixed and fluid layout with Flexbox
last year by bootply
Finally we can mix fixed width and fluid columns in Bootstrap using CSS3 flexbox..
 
3-Column Layout with Affix
last year by VINAY971
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
2 Column Responsive Form
last year by mkfmncom
Bootstrap snippet / code 2 Column Responsive Form..
 
3-Column Layout with Affix
last year by sadicko
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Automatically Adjusting Heights for all Bootstrap Columns until collapse using Flexbox
last year by jhawes
Automatically Adjusting Heights for all Bootstrap Columns until collapse in Bootstrap using Flexbox. No JavaScript needed...
 
Vertical divider between columns (CSS only)
last year by goyalhimanshu
Bootstrap snippet / code Vertical divider between columns (CSS only)..
 
Dropdown with 2 columns
last year by redoakfs
How to make a dropdown buttons with two columns in Bootstrap 3.x..
 
Bootstrap 3.3.1 column footer
last year by bsaracco1
A footer that is stacked and separated by columns..
 
Dropdown with 2 columns
last year by huabin
How to make a dropdown buttons with two columns in Bootstrap 3.x..
 
Bootstrap same height columns
last year by smlombardi
Use a media query to only apply flexbox at wider widths...
 
Bootstrap Equal Height Columns (-margins & padding technique)
last year by adadsa
How to make Bootstrap row columns the same height using CSS..
 
Bootstrap same height columns(flex method)
last year by russelgauthier
Use a media query to only apply flexbox at wider widths...
 
Bootstrap Equal Height Columns (-margins & padding technique)
last year by russelgauthier
How to make Bootstrap row columns the same height using CSS..
 
3-Column Layout with Affix
last year by greggyp
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Independent scrolling columns
last year by wrichman
Left, middle and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query... Similiar to undefined  
 
2 Column Responsive Form
last year by JZ2015
Bootstrap snippet / code 2 Column Responsive Form..
 
Independent scrolling columns
last year by giodc
Left and right columns that scroll independently and then stack vertically on mobile screens using a CSS media query...
 
Customize Bootstrap 3 Gutter
last year by aloysius
Bootstrap snippet / code Customize Bootstrap 3 Gutter..
 
Bootstrap 3.3.1 column footer
last year by Flashryan
A footer that is stacked and separated by columns..
 
Modal with 2 coluimns
last year by pavel-ilava
Use the grid inside a modal.. Similiar to undefined  
 
3-Column Layout with Affix
2 years ago by junoon
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Equal height columns
2 years ago by heads5150
How to make Bootstrap row columns the same height using CSS..
 
3-Column Layout with Affix
2 years ago by epinapala
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Bootstrap 3.3.1 column footer
2 years ago by lov2code
A footer that is stacked and separated by columns..
 
Equal height columns
2 years ago by dannygm69
How to make Bootstrap row columns the same height using CSS..
 
3-Column Layout with Affix
2 years ago by anton_dubovik
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
    Try a keyword search for 'columns'
    all tags

    Related Tags

    grid height equal columns flexbox table css affix scroll sidebar layout template responsive scrolling separate independent media 768 mobile panel bootstrap-3 pinterest masonry clearfix bootstrap 3.3.1 footer stacked form snippet example gap vertical col stack list-group list badge multiple 16 same row spacing gutter padding margin tablet phone width