Bootply

Bootstrap layout snippets

layout
Bootstrap 3 Template
3 years ago by cskelly
Complete Bootstrap 3 layout template example with buttons, icons, form, typography, panel, list group. Use this as a test page to ..
 
Bootstrap Google Plus Theme
3 years ago by cskelly
A "Google+" inspired Bootstrap 3 template design..
 
Bootstrap 3 Dashboard
3 years ago by cskelly
Bootstrap 3 Example dashboard / admin / control panel layout using Bootstrap 3...
 
3 Carousel Layout (BS 3)
3 years ago by katie
This is an example layout with carousel that uses the Bootstrap 3 RC styles. ..
 
Faceboot - A Facebook style template for Bootstrap
3 years ago by cskelly
Fixed header with independent scrolling left nav and right content...
 
Bootstrap 3 Template - Attach nav after scroll
3 years ago by cskelly
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
Basis Template for Bootstrap 3
3 years ago by cskelly
Fixed header with independent scrolling left nav and right content...
 
Collapsing sidebar drawer menu
3 years ago by cskelly
Bootstrap 3.0 Starter Template plus off-canvas navigation...
 
Masonry CSS using column-width
3 years ago by katie
Example of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
Holo Theme
3 years ago by cskelly
Dark gradient Bootstrap 3 Starter Template plus off-canvas navigation...
 
Bootstrap Grid
3 years ago by cskelly
Bootstrap 3 layout scaffolding grid..
 
Bootstrap Full Screen Background Theme
3 years ago by cskelly
Layout / theme with full fixed background image..
 
Layout - Gmail style
3 years ago by katie
Fixed header with indepent scrolling left nav and right content...
 
Bootstrap Sidebar
3 years ago by cskelly
Left sidebar with large content area...
 
Bootstrap 3 Affix Sidebar
3 years ago by cskelly
Uses a fixed left sidebar, that attaches after scrolling past a large top header. Scrollspy menu...
 
Fixed-width column + fluid grid
3 years ago by bootply
A Bootstrap 3 example of a fixed-width column + fluid grid layout...
 
Bootstrap 3 Template / Theme - Bootable
3 years ago by cskelly
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
Mixed image size grid layout
2 years ago by ganeshnj
A flexible Bootstrap grid layout with multiple image sizes and custom navbar with tall image/logo brand..
 
Right and Left Sidebars Fixed
3 years ago by cskelly
How to get a fixed right and left sidebar layout with Bootstrap. This template has 3 column layout with larger fluid container in ..
 
Blue Template Fixed Sidebar + Header
3 years ago by cskelly
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap 3 Template / Theme - Flathood
3 years ago by cskelly
Responsive template with large top header and sidebar that attaches as the user scrolls...
 
Sticky footer template
3 years ago by katie
This is a Bootstrap sticky footer example template / layout...
 
Sidebar, scrollspy and active submenu
last year by snippets
Uses a fixed left sidebar, that attaches after scrolling past a large top header. The sidebar has submenus that open when activate..
 
Bootstrap 3 grid example
2 years ago by snippets
Why does the .row have a negative margin?..
 
Fixed and Fluid with Collapsing Sidebar
3 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..
 
Faceboot - A Facebook style template for Bootstrap
3 years ago by cskelly
Fixed header with independent scrolling left nav and right content...
 
Masonry CSS with Bootstrap
3 years ago by cskelly
Example of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
3-Column Layout with Affix
3 years ago by cskelly
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
AngularJS Multiple Layout Grid
2 years ago by cskelly
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
Navbar with sticky subnav
2 years ago by jquery
A BS3 template with large top header. The sub navbar pins when in reaches to the top...
 
Masonry with Bootstrap Panels
3 years ago by cskelly
Use CSS3 column-width only for masonry / isotope style layout with Bootstrap panels...
 
Masonry CSS using column-width
3 years ago by testazoid
Example of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
Bootstrap 3 Responsive Form with SideBar nav collapses
3 years ago by pppeater
Example of a form with 3 columns and labels aligned to the left of the fields at > 1200px (large) screen sizes, 2 columns and labe..
 
Bootstrap sticky navbar template
3 years ago by cskelly
A BS3 template with large top header. The navbar pins when in reaches to the top...
 
Blog Template
3 years ago by cskelly
Clean Bootstrap 3 single column layout that works well for blog or article lists. This template features circle images and social ..
 
Dark layout w/sidebar drawer menu
3 years ago by cskelly
Dark gradient Bootstrap 3 Starter Template plus off-canvas navigation...
 
Storystrap Template
3 years ago by cskelly
Clean Bootstrap 3 single column layout that works well for blog or article lists. This template features circle images, minimal na..
 
Bootstrap 3 Template - Attach nav after scroll
3 years ago by lukydesigns
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
Bootstrap 3 Dashboard Metroid
3 years ago by cskelly
Example dashboard / admin / control panel layout using Bootstrap 3...
 
Masonry with Panels (CSS)
last year by cskelly
Use separate columns to create a masonry style layout with Bootstrap panels...
 
Bootstrap 3 Template
last year by Dreighen
Complete Bootstrap 3 layout template example with buttons, icons, form, typography, panel, list group. Use this as a test page to ..
 
LH Fullscreen With Navbar
2 years ago by 2xSes
Layout / theme with full fixed background image..
 
Bootstrap 3 Affix Sidebar
2 years ago by jhorsager
Uses a fixed left sidebar, that attaches after scrolling past a large top header. Scrollspy menu...
 
Nesting, ordering and push pull examples
2 years ago by bootply
How to create a multi column layoutsthat displays differently on xs and md screen widths... - think mobile first, try nesting sma..
 
6 Square Box Display
2 years ago by jafaris
Original source from Omar Farid...
 
Bootstrap 3 Template / Theme - Flathood
2 years ago by KrishnaPG
Responsive template with large top header and sidebar that attaches as the user scrolls...
 
Masonry using CSS column-width
2 years ago by Digitalctn
Example 4 column layout of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
Isotope Dynamic Category Filter
2 years ago by snippets
An awesome example from http://speckyboy.com/2014/06/19/dynamically-filtering-layouts-isotope-bootstrap/ This shows you how to ..
 
Blue Template Fixed Sidebar + Header
2 years ago by Adriangogacz
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap 3 Template
2 years ago by eagle
Complete Bootstrap 3 layout template example with buttons, icons, form, typography, panel, list group. Use this as a test page to ..
 
Masonry with Bootstrap List Groups
3 years ago by vinecgp
Example of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
Template with header, fixed sidebar, scrollspy and submenus
3 years ago by colinadamwebb
Uses a fixed left sidebar, that attaches after scrolling past a large top header. The sidebar has submenus that open when activate..
 
Bootstrap Parallax Demo
3 years ago by firestorm
Layout / theme with full fixed background image that has a paralax effect when scrolling using jQuery...
 
Gplus template - 2 cols
3 years ago by cskelly
A layout derived from the google plus theme..
 
Collapsing sidebar drawer menu
3 years ago by testazoid
Bootstrap 3.0 Starter Template plus off-canvas navigation...
 
100% Height Fixed App Template
3 years ago by cskelly
Here is a sweet 2 column app-style layout for Bootstrap...
 
Masonry CSS with Bootstrap
3 years ago by ashr
Example of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
Masonry CSS with Bootstrap
3 years ago by edsykes
Example of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
Electric Blue Template w/ Header
3 years ago by cskelly
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap 3 Affix
3 years ago by cskelly
How to use ScrollSpy and Affix to create a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap Full Screen Background Theme
3 years ago by yolanta
Layout / theme with full fixed background image..
 
Carousel jumbotron layout
3 years ago by cskelly
A more interactive riff on the basic marketing site featuring a prominent carousel...
 
Layout - Gmail style
3 years ago by katie
Fixed header with indepent scrolling left nav and right content...
 
Gutterless spans
3 years ago by cskelly
Bootstrap snippet / code Gutterless spans..
 
Starter template
3 years ago by cskelly
This is the basic Bootstrap layout with fixed top nav...
 
Basic Page Layout - Joomlart T3 v3 Blank Default
3 years ago by pepperstreet
A basic page layout inspired by a Joomla CMS template. More info can be found under this name "Joomlart T3 v3 Blank Default" in yo..
 
Bootstrap 3 layout scaffolding grid
3 years ago by bootstraptor
Bootstrap 3 layout scaffolding grid..
 
Bootstrap 3 boxed with template
3 years ago by bootstraptor
Bootstrap 3 boxed with template..
 
Bootstrap 3 Responsive Form with SideBar nav collapses
2 months ago by usmanbrgr1
Example of a form with 3 columns and labels aligned to the left of the fields at > 1200px (large) screen sizes, 2 columns and labe..
 
Article List
7 months ago by bootstrap4fun
Bootstrap snippet / code Article List..
 
Bootstrap 3 Responsive Form
11 months ago by mhosking
Example of a form with 3 columns and labels aligned to the left of the fields at > 1200px (large) screen sizes, 2 columns and labe..
 
Bootstrap 2 fixed width columns
last year by bootply
An example of a custom Bootstrap layout with fixed width columns...
 
Bootstrap Affix Bottom with Sidebar
last year by bootply
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Fixed Right Sidebar Template
last year by bootply
Fixed header with independent scrolling left nav and right content...
 
Linkedboot - A LinkedIn style template for Bootstrap by Vince Nardone
last year by vincenzonardone
Fixed header with independent scrolling left nav and right content...
 
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...
 
Bootstrap 3 Template / Theme - Bootable
last year by grafit
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
AngularJS Multiple Layout Grid
last year by dakala
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
Bootstrap sticky navbar template
last year by zenn5c
A BS3 template with large top header. The navbar pins when in reaches to the top...
 
Bootstrap 3 Responsive Form with SideBar nav collapses
last year by pavel-ilava
Example of a form with 3 columns and labels aligned to the left of the fields at > 1200px (large) screen sizes, 2 columns and labe..
 
Bootstrap Google Plus Theme
2 years ago by micahr
A "Google+" inspired Bootstrap 3 template design..
 
Fixed-width column + fluid grid
2 years ago by laurasedor
A Bootstrap 3 example of a fixed-width column + fluid grid layout...
 
Bootstrap 3 Responsive Form with SideBar nav collapses
2 years ago by XSymmetry
Example of a form with 3 columns and labels aligned to the left of the fields at > 1200px (large) screen sizes, 2 columns and labe..
 
Bootstrap 3 Template / Theme - Flathood
2 years ago by andpac
Responsive template with large top header and sidebar that attaches as the user scrolls...
 
Masonry effect using CSS column-width
2 years ago by stackoverflow
Example 3 column layout of using CSS only for masonry / isotope style layout with Bootstrap panels. This will remove the gap creat..
 
Scaffolding grids
2 years ago by Grim_Egilsson
Bootstrap 3 Scaffolding grids layout scaffolding Grids..
 
Collapsing sidebar drawer menu
2 years ago by ikaplin
Bootstrap 3.0 Starter Template plus off-canvas navigation...
 
Storystrap Template
2 years ago by rollandburn
Clean Bootstrap 3 single column layout that works well for blog or article lists. This template features circle images, minimal na..
 
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..
 
responsive layout (so)
2 years ago by cskelly
Bootstrap snippet / code responsive layout (so)..
 
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...
 
Push pull cheatsheet
2 years ago by bootply
How to create a multi column layoutsthat displays differently on xs and md screen widths... - think mobile first, try nesting sma..
 
4 col masonry using CSS column-width
2 years ago by cskelly
Example 3 column layout of using CSS only for masonry / isotope style layout with Bootstrap panels...
 
AngularJS Multiple Layout Grid
2 years ago by xander
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
Isotope Dynamic Category Filter
2 years ago by bootply
An awesome example from http://speckyboy.com/2014/06/19/dynamically-filtering-layouts-isotope-bootstrap/ This shows you how to ..
 
Faceboot - A Facebook style template for Bootstrap
2 years ago by moustafa
Fixed header with independent scrolling left nav and right content...
 
AngularJS Multiple Layout Grid
2 years ago by cskelly
How to: Simple user data grid with Angular and RandomUser.me's awesome API! ..
 
    Try a keyword search for 'layout'
    all tags

    Related Tags

    bootstrap-3 responsive bootstrap3 template layout themes examples example complete starter google cards card boxes dashboard carousel facebook affix header scroll off-canvas drawer sidebar collapse css pinterest masonry clearfix isotope column-width holo android bootstrap 3 grid scaffolding background image parallax opacity theme full section page-height scrollspy one-page 100 sections