Bootply

Bootstrap col snippets

col
Column push pull 5 columns
2 years ago by bootply
Bootstrap snippet / code Column push pull 5 columns..
 
Left and right align columns
3 years ago by testazoid
Bootstrap snippet / code Left and right align columns.. Similiar to undefined  
 
Angular Bootstrap Grid Toggle
2 years ago by jquery
Bootstrap snippet / code Angular Bootstrap Grid Toggle..
 
Push pull 3 col example
2 years ago by cskelly
Bootstrap snippet / code Push pull 3 col example..
 
Prevent vertical gap
2 years ago by cskelly
Bootstrap snippet / code Prevent vertical gap..
 
Vertical center Bootstrap cols
3 years ago by florencia
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Multiple device layout example (4-3-2-1)
3 years ago by katie
A multi-column layout on different device widths. 4 columns on desktop, 3 columns on laptops, 2 columns (over 1) on tablets, and 1..
 
To use row or not?
3 years ago by katie
Bootstrap snippet / code To use row or not?..
 
Equal col stacking (SO)
2 years ago by testazoid
Bootstrap snippet / code Equal col stacking (SO)..
 
panels in 2 columns
2 years ago by cskelly
Bootstrap snippet / code panels in 2 columns..
 
Centering columns
2 years ago by bootply
How to center odd and even numbers of columns in a row..
 
Remove the gutter space
2 years ago by cskelly
How to remove the gutter between to col-6..
 
Vertical center Bootstrap cols
2 years ago by modernmedia
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Equal height columns
3 years ago by cskelly
Simple trick to make your Bootstrap columns the same height...
 
Multiple device layout example (3-2)
3 years ago by katie
A multi-column layout on different device widths. 3 columns on desktop and laptops..2 columns on tablets and phones -- non stackin..
 
Full grid col examples
3 years ago by katie
Several examples of multiple column layouts on different device widths -- tablet, phone, desktop and laptop..
 
Column ordering via nesting
3 years ago by cskelly
Bootstrap snippet / code Column ordering via nesting..
 
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..
 
Right align middle column
3 years ago by fooboo
Bootstrap snippet / code Right align middle column..
 
Nested Columns with Bootstrap Grid
3 years ago by jquery
The power of multiple grid sizes and nesting demonstrated with Bootstrap 3.0.3..
 
Bootstrap Float Right on SM Layout
3 years ago by jquery
How to apply a pull right (or pull left) only on tablet (small) width and screens...
 
Vertical center Bootstrap cols
3 years ago by subwiz00
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Form horizontal - address
3 years ago by snippets
Address form example..
 
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..
 
Vertical center Bootstrap cols
3 years ago by mquintans
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Left and right align columns
2 months ago by khalifanizar
Bootstrap snippet / code Left and right align columns.. Similiar to undefined  
 
Row spacing (SO)
3 months ago by dirkbeffer
Bootstrap snippet / code Row spacing (SO)..
 
form hosp hongos td
9 months ago by thom_duarte
Address form example..
 
Bootstrap vertical single column center
9 months ago by cskelly
How to vertically center the content of one column in a Bootstrap row...
 
Why negative margins in Bootstrap?
11 months ago by bootply
Why does Bootstrap use negative margins on the row? Why not just adjust the padding on the first and last columns children? Here's..
 
Bootstrap Float Right on SM Layout
11 months ago by jaubin
How to apply a pull right (or pull left) only on tablet (small) width and screens...
 
Left and right align columns
last year by damith
Bootstrap snippet / code Left and right align columns.. Similiar to undefined  
 
Form horizontal - address
last year by solotronics
Address form example..
 
Form horizontal - address align
last year by bandrej
Address form example..
 
Left and right align columns
last year by intered
Bootstrap snippet / code Left and right align columns..
 
Form horizontal - address
last year by sarveshkushwaha
Address form example..
 
Sequence
last year by sarveshkushwaha
Address form example..
 
nested column test
last year by subwiz00
The power of multiple grid sizes and nesting demonstrated with Bootstrap 3.0.3..
 
Vertical center Bootstrap cols
2 years ago by cskelly
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
limit column height in row
2 years ago by cskelly
Bootstrap snippet / code limit column height in row..
 
Column order position
2 years ago by bootply
Bootstrap snippet / code Column order position..
 
Images with different heights
2 years ago by cskelly
Bootstrap snippet / code Images with different heights..
 
Angular ng-repeat with Bootstrap grid
2 years ago by cskelly
Bootstrap snippet / code Angular ng-repeat with Bootstrap grid.. Similiar to undefined  
 
Column ordering via nesting
2 years ago by bootply
Bootstrap snippet / code Column ordering via nesting..
 
Right align middle column
2 years ago by MickeyFromJupiter
Bootstrap snippet / code Right align middle column.. Similiar to undefined  
 
rows of 2 on smaller devices
2 years ago by bootstrap
Bootstrap snippet / code rows of 2 on smaller devices..
 
Half width columns
2 years ago by jbelke
How to create half width columns in Bootstrap..
 
Vertical center Bootstrap cols
2 years ago by prubini87
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Vertical center Bootstrap cols
3 years ago by subwiz00
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Multiple device layout example (3-2)
3 years ago by subwiz00
A multi-column layout on different device widths. 3 columns on desktop and laptops..2 columns on tablets and phones -- non stackin..
 
Multiple device layout example (4-3-2-1)
3 years ago by subwiz00
A multi-column layout on different device widths. 4 columns on desktop, 3 columns on laptops, 2 columns (over 1) on tablets, and 1..
 
Form horizontal - address align
3 years ago by testazoid
Address form example..
 
Left and right align columns
3 years ago by mmerriweather
Bootstrap snippet / code Left and right align columns..
 
Multiple device layout example (3-2)
3 years ago by wbartley
A multi-column layout on different device widths. 3 columns on desktop and laptops..2 columns on tablets and phones -- non stackin..
 
Equal height columns
3 years ago by trav
Simple trick to make your Bootstrap columns the same height...
 
2 col layout-with space
3 years ago by trav
Bootstrap snippet / code 2 col layout-with space..
 
Col vert center (SO)
3 years ago by cskelly
Bootstrap snippet / code Col vert center (SO)..
 
Col fills height (SO)
3 years ago by cskelly
Bootstrap snippet / code Col fills height (SO)..
 
Half width column study
3 years ago by cskelly
How to create half width columns in Bootstrap..
 
Half width columns
3 years ago by cskelly
How to create half width columns in Bootstrap..
 
2 col layout
3 years ago by chenasky
Bootstrap snippet / code 2 col layout..
 
col-* with background image
3 years ago by cskelly
How to use a 100% height and width background image in a column...
 
Multiple device layout example (3-2)
3 years ago by tony307
A multi-column layout on different device widths. 3 columns on desktop and laptops..2 columns on tablets and phones -- non stackin..
 
Multiple device layout example (4-2-1)
3 years ago by katie
A multi-column layout on different device widths. 4 columns on desktop, 2 columns on laptops and tablets, and 1 single stacked col..
 
2 col layout
3 years ago by cskelly
Bootstrap snippet / code 2 col layout..
 
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.. Similiar to 120853  
 
Row spacing (SO)
3 years ago by cskelly
Bootstrap snippet / code Row spacing (SO)..
 
4 col grid to 2 cols on tablet (SO)
3 years ago by testazoid
Bootstrap snippet / code 4 col grid to 2 cols on tablet (SO)..
 
Vertical center Bootstrap cols
3 years ago by testazoid
How to use table and table-cell CSS to vertically center content in the Bootstrap grid..
 
Stacking spacing
3 years ago by cskelly
Bootstrap snippet / code Stacking spacing..
 
col_same_height
3 years ago by testazoid
column_height.. Similiar to 116531  
 
Custom layout for portait and landscape (SO)
3 years ago by cskelly
Bootstrap 3 layout that changes on phone portrait (xs) and landscape (sm). 1 large column is pulled to the right on the larger wid..
 
Bootstrap 3 spacing
3 years ago by katie
Since Bootstrap 3 uses padding, instead of margin to create the gutter (spacing between columns) containers such as a `well` are u..
 
Affix col headers
3 years ago by cskelly
Bootstrap snippet / code Affix col headers..
 
Nested Columns with Bootstrap Grid
3 years ago by kulheim
The power of multiple grid sizes and nesting demonstrated with Bootstrap 3.0.3..
 
Custom responsive layout for portait and landscape (SO)
3 years ago by cskelly
Bootstrap 3 layout that changes on phone portrait (xs) and landscape (sm). 1 large column is pulled to the right on the larger wid..
 
Bootstrap Float Right on SM Layout
3 years ago by siripuramrk
How to apply a pull right (or pull left) only on tablet (small) width and screens... Similiar to 102422  
 
Square responsive columns
3 years ago by jquery
Bootstrap snippet / code Square responsive columns..
 
Nested Columns with Bootstrap Grid
3 years ago by jquery
The power of multiple grid sizes and nesting demonstrated with Bootstrap 3.0.3..
 
Center column
3 years ago by cskelly
How to center stacked column on smaller screens...
 
Col ordering
3 years ago by cskelly
Bootstrap snippet / code Col ordering.. Similiar to 91812  
 
    Try a keyword search for 'col'
    all tags

    Related Tags

    order stack col position grid push align left right pull angularjs toggle responsive gap vertical columns center vertically centering stacking example row equal panels height margins gutter space padding same nesting ordering width 12 angular AngularJS Bootstrap 3 cols middle layout css 992 tablet pull-right snippet form horizontal form-group