Bootply

Bootstrap width snippets

width
Bootstrap 5 px gutter between columns
2 years ago by bootstrap
Example of customizing the column spacing on any columns except first and last. This can be used to remove the gutter or spacing ..
 
Full width layout on Bootstrap 3.1
3 years ago by katie
container-fluid is now back in Bootstrap 3.1 and can be used to create a 100% width layout..
 
Fixed-width column + fluid grid
3 years ago by bootply
A Bootstrap 3 example of a fixed-width column + fluid grid layout...
 
Full width dropdown
3 years ago by jquery
Bootstrap snippet / code Full width dropdown..
 
Fixed and Fluid with Collapsing Sidebar
2 years ago by vladux
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
Table cell contents overflow (SO)
3 years ago by testazoid
Use CSS ellipsis for overflowing table cell contents that are too long..
 
24 column Bootstrap grid
3 years ago by katie
Use nesting to simply change the grid from 12 to 24 columns so that each col-*-1 is half the width...
 
100% width fluid with BS3
3 years ago by cskelly
Bootstrap snippet / code 100% width fluid with BS3..
 
Bootstrap full width btn-block group
last year by cskelly
Bootstrap snippet / code Bootstrap full width btn-block group..
 
Dropdown menu width
2 years ago by testazoid
Bootstrap snippet / code Dropdown menu width..
 
Bootstrap center navbar links on mobile
2 years ago by jsanwo64
Example of centering navbar links when the menu collapses on smaller width screens..
 
fluid-fixed-fluid with flexbox
3 years ago by cskelly
Finally the layout you've been looking for - mix a fixed width center column with 2 fluid width sidebars. The holy grail layout...
 
Auto width alert
3 years ago by cskelly
How to make an alert the width of the text it contains..
 
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 2 fixed width columns
11 months ago by bootply
An example of a custom Bootstrap layout with fixed width columns...
 
50/50 Content with Background Image
last year by JudithRudd
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Fixed-width column + fluid grid
last year by laurasedor
A Bootstrap 3 example of a fixed-width column + fluid grid layout...
 
Fixed Header + Footer, 50/50 Content
2 years ago by darkiop
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Fixed and Fluid with Collapsing Sidebar
2 years ago by testazoid
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
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...
 
Bootstrap 3 Fixed Layout
2 years ago by wadeshuler
How to get a fixed width (pixels) layout in BS3...
 
Full width input inside navbar
2 years ago by bootstrap
Bootstrap snippet / code Full width input inside navbar..
 
Center brand on mobile, collapse all links
2 years ago by cskelly
Example of centering the navbar brand when the menu collapses on smaller width screens..
 
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..
 
Fixed and Fluid with Collapsing Sidebar
2 years ago by dukekha
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi.. Similiar to undefined  
 
Tooltip width
2 years ago by cskelly
Bootstrap snippet / code Tooltip width..
 
Fixed and Fluid with Collapsing Sidebar
2 years ago by chrisvogt
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
full width form inputs
2 years ago by snippets
Bootstrap snippet / code full width form inputs..
 
Full image jumbotron
3 years ago by mmerriweather
Bootstrap snippet / code Full image jumbotron..
 
Bootstrap center brand on mobile
3 years ago by djcesar
Example of centering the navbar brand when the menu collapses on smaller width screens.. Similiar to 131033  
 
50/50 Content with Background Image
3 years ago by bulentugur
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Form control width
3 years ago by testazoid
Bootstrap snippet / code Form control width..
 
Scaled column widths
3 years ago by testazoid
Bootstrap snippet / code Scaled column widths..
 
container vs container-fluid
3 years ago by testazoid
See the differences in the Bootstrap 3.1 container and container-fluid..
 
jquery hide element when window resized
3 years ago by testazoid
Bootstrap snippet / code jquery hide element when window resized..
 
24 column Bootstrap grid
3 years ago by testazoid
Use nesting to simply change the grid from 12 to 24 columns so that each col-*-1 is half the width.-- This is a 100% width example..
 
Fixed and Fluid with Collapsing Sidebar
3 years ago by mrobi
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
Form inline input widths
3 years ago by hogann
Bootstrap snippet / code Form inline input widths..
 
Full image jumbotron
3 years ago by jquery
Bootstrap snippet / code Full image jumbotron..
 
Full (100%) Width Fluid
3 years ago by cskelly
Bootstrap snippet / code Full (100%) Width Fluid..
 
50/50 Content with Background Image
3 years ago by cskelly
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Max out container width
3 years ago by cskelly
Bootstrap snippet / code Max out container width..
 
Form inline input widths
3 years ago by cskelly
Bootstrap snippet / code Form inline input widths..
 
100% width + height fluid with BS3
3 years ago by cskelly
How to get a full screen, 100% width and 100% height 2 column layout in Bootstrap 3..
 
Bootstrap 3 Fixed Layout
3 years ago by cskelly
How to get a fixed width (pixels) layout in BS3...
 
Fixed and Fluid Bootstrap Template
3 years ago by mrobi
A layout with fixed width sidebar on the left, and fluid width content area on the right. The main content area can include the s.. Similiar to 108271  
 
Form Input Widths
3 years ago by cskelly
Simple form example using col-* to control input width...
 
Table col width
3 years ago by cskelly
Bootstrap snippet / code Table col width..
 
Bootstrap Input Sizes
3 years ago by nsarafa
Bootstrap snippet / code Bootstrap Input Sizes..
 
Full width input inside navbar
3 months ago by jogaco
Bootstrap snippet / code Full width input inside navbar..
 
Bootstrap 960 Fixed Layout
3 months ago by chargr
How to get a fixed width (pixels) layout in BS3...
 
Full width input inside navbar
4 months ago by Contendia
Bootstrap snippet / code Full width input inside navbar..
 
Fixed Header + Footer, 50/50 Content
5 months ago by fnxkill3r
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
fluid-fixed-fluid with flexbox
7 months ago by roni5
Finally the layout you've been looking for - mix a fixed width center column with 2 fluid width sidebars. The holy grail layout...
 
container vs container-fluid
7 months ago by MagioX
See the differences in the Bootstrap 3.1 container and container-fluid.. Similiar to undefined  
 
Bootstrap 3 Form
8 months ago by jbemmz
Simple form example using col-* to control input width...
 
Fixed Header + Footer, 50/50 Content
8 months ago by Ethrinity
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Full width input inside navbar
9 months ago by Nuwans
Bootstrap snippet / code Full width input inside navbar..
 
Bootstrap 960 Fixed Layout
9 months ago by caomicc
How to get a fixed width (pixels) layout in BS3... Similiar to undefined  
 
Bootstrap 3 Fixed Layout
9 months ago by bijaybd
How to get a fixed width (pixels) layout in BS3...
 
50/50 Content with Background Image
9 months ago by soliosis
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Table cells max width ellipsis
10 months ago by cwigginton
Use CSS ellipsis for overflowing table cell contents that are too long.. Similiar to undefined  
 
Full width input inside navbar
10 months ago by GregT
Bootstrap snippet / code Full width input inside navbar..
 
Bootstrap 2 fixed width columns responsive
11 months 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..
 
How to make only one column fluid in bootstrap
last year by bootply
Alternate answer using media queries to maintain responsive on smaller screens. ..
 
Fixed and Fluid Bootstrap Template
last year by bootply
A layout with fixed width sidebar on the left, and fluid width content area on the right. The main content area can include the s..
 
Fixed and Fluid with Collapsing Sidebar
last year by bootply
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
Full width input inside navbar
last year by grennhouse
Bootstrap snippet / code Full width input inside navbar..
 
Tooltip width
last year by detain
Bootstrap snippet / code Tooltip width..
 
Bootstrap 3 Fixed Layout
last year by HappyHardcore
How to get a fixed width (pixels) layout in BS3...
 
Fixed Header + Footer, 50/50 Content
last year by FAChagas
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Fixed and fluid layout with Flexbox
last year by bootply
Finally we can mix fixed width and fluid columns in Bootstrap using CSS3 flexbox..
 
Fixed and Fluid with Collapsing Sidebar
last year by bootply
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
Bootstrap 5 px gutter between columns
last year by JudithRudd
Example of customizing the column spacing on any columns except first and last. This can be used to remove the gutter or spacing ..
 
Fixed Header + Footer, 50/50 Content
last year by studio34
A fixed header and footer template that contains 2 full width rows split into 50% height and width columns...
 
Bootstrap 3 Fixed Layout
last year by chrisg2g
How to get a fixed width (pixels) layout in BS3...
 
Fixed and Fluid with Collapsing Sidebar
last year by lbrnmdev
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi..
 
100% width fluid with BS3
last year by mordix
Bootstrap snippet / code 100% width fluid with BS3..
 
Bootstrap 3 Modal - change width
last year by bhalaniabhishek
Example markup for the new Bootstrap 3 modal dialog...
 
Form inline input widths
last year by anacunha
Bootstrap snippet / code Form inline input widths.. Similiar to undefined  
 
Fixed and Fluid with Collapsing Sidebar
last year by aruntomy
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi.. Similiar to undefined  
 
Table + ellipsis
last year by Bighamster
Bootstrap snippet / code Table + ellipsis..
 
Table cells max width ellipsis
last year by Bighamster
Use CSS ellipsis for overflowing table cell contents that are too long..
 
Tooltip width
last year by shanmukasrinivas
Bootstrap snippet / code Tooltip width..
 
Fixed and Fluid with Collapsing Sidebar
last year by gsuhr
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi.. Similiar to undefined  
 
#gabberMP3
last year by RochelleAnne
A layout with fixed width sidebar on the left, and fluid width content area on the right. The left side collapses on smaller devi.. Similiar to undefined  
 
    Try a keyword search for 'width'
    all tags

    Related Tags

    spacing gutter grid css first wildcard between width 100% fixed column layout dropdown fluid sidebar template responsive 2-columns off-canvas toggle collapse facebook ellipsis table-layout overflow cell smaller 24 cols nesting nested half btn-group btn-block full center navbar small mobile brand flex flexbox grail alert auto bootstrap-3 tablet phone