Bootply

Bootstrap columns snippets

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

    Related Tags

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