Bootply

Bootstrap affix snippets

affix
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...
 
Top Header, Affix Nav, Bottom Footer
3 years ago by cskelly
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
The Firm - One Page Scroller Template
3 years ago by cskelly
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
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...
 
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 ..
 
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...
 
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..
 
3-Column Layout with Affix
3 years ago by cskelly
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
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...
 
Shrinking top navbar
3 years ago by testazoid
Bootstrap snippet / code Shrinking top navbar..
 
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...
 
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...
 
Shrinking top navbar animated
last year by leefordjudes
How to make the Bootstrap navbar grow and shrink as the page scrolls...
 
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...
 
Bootstrap 3 Template / Theme - Flathood
2 years ago by KrishnaPG
Responsive template with large top header and sidebar that attaches as the user scrolls...
 
Navbar stick to top after scroll
2 years ago by jquery
Navbar sticks to to top once user scrolls...
 
Blue Template Fixed Sidebar + Header
2 years ago by Adriangogacz
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Style navbar after affix
3 years ago by testazoid
Bootstrap snippet / code Style navbar after affix..
 
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..
 
2 navbars with fly-in sticky navbar
3 years ago by ZioBarba
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
Architecture Firm - One Page Scroller
3 years ago by jquery
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Affix overlap on mobile / smaller widths (SO)
3 years ago by cskelly
Twitter-bootstrap 3 affixed sidebar overlapping content..
 
Bold, Bright Bootstrap Template
3 years ago by cskelly
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap dot navigation
3 years ago by juveman
For long scrolling pages in the parallax style using the affix class and custom CSS...
 
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 dot navigation
3 years ago by katie
For long scrolling pages in the parallax style using the affix class and custom CSS...
 
Bootstrap Affix Sibebar
3 years ago by cskelly
Similar to the Bootstrap docs side nav...
 
Affix 2 sidebars and nav after scroll
2 weeks ago by bootply
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
The Firm - One Page Scroller Template
9 months ago by navankur
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
2 navbars with fly-in sticky navbar
11 months ago by bootply
Fixed top navbar replaced by a second fly-in sticky navbar once user scrolls past animated top nav...
 
Bootstrap affix bottom
11 months ago by bootply
How to use affix top and bottom...
 
Bootstrap Affix Bottom with Sidebar
11 months ago by bootply
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap 4 with 3 column with 2 sticky sidebars
last year by suren123
Bootstrap 4 with 3 column sticky sidebars, Using ScrollPos Styler script,..
 
Top Header, Affix Nav, Bottom Footer
last year by tanvirs2
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
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 ..
 
Bootstrap sticky navbar template
last year by zenn5c
A BS3 template with large top header. The navbar pins when in reaches to the top...
 
Navbar stick to top after scroll
last year by npoku
Navbar sticks to to top once user scrolls...
 
The Firm - One Page Scroller Template
last year by staminaloops
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Top Header, Affix Nav, Bottom Footer
last year by bispaul
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bold, Bright Bootstrap Template
last year by naturrien
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
The Firm - One Page Scroller Template
last year by tofanelli
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Top Header, Affix Nav, Bottom Footer
2 years ago by marlattts
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap 3 Template / Theme - Flathood
2 years ago by andpac
Responsive template with large top header and sidebar that attaches as the user scrolls...
 
Shrinking top navbar animated
2 years ago by bootstrap
How to make the Bootstrap navbar grow and shrink as the page scrolls...
 
Navbar stick to top after scroll
2 years ago by subho
Navbar sticks to to top once user scrolls...
 
Top Header, Affix Nav, Bottom Footer
2 years ago by vannquish
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap 3 Template / Theme - Bootable
2 years ago by marcocostabr
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
FirmaSolate
2 years ago by jquery
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bold, Bright Bootstrap Template
2 years ago by apsolut
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap dot navigation
2 years ago by cskelly
For long scrolling pages in the parallax style using the affix class and custom CSS...
 
Bootstrap dot navigation with tooltips. The come back
2 years ago by julienj
For long scrolling pages in the parallax style using the affix class and custom CSS. This is a remix of http://www.bootply.com/..
 
Bootstrap dot navigation with tooltips
2 years ago by julienj
For long scrolling pages in the parallax style using the affix class and custom CSS...
 
Bootstrap 3 Affix Sidebar
2 years ago by sepconnect
Uses a fixed left sidebar, that attaches after scrolling past a large top header. Scrollspy menu...
 
Top Header, Affix Nav, Bottom Footer
2 years ago by webdeveloper
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap 3 Template / Theme - Bootable
2 years ago by jonaswik
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
3-Column Layout with Affix
2 years ago by esironal
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Top Header, Affix Nav, Bottom Footer
2 years ago by fusebang
Bold, bright example with a top banner that attaches once user scrolls past animated top nav... Similiar to undefined  
 
Bootstrap 3 Template / Theme - Bootable
3 years ago by subwiz00
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
Bootstrap sticky navbar template
3 years ago by cevatasln
A BS3 template with large top header. The navbar pins when in reaches to the top... Similiar to undefined  
 
Bootstrap 3 Template - Attach nav after scroll
3 years ago by kix2mix2
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
Template with header, fixed sidebar, scrollspy and submenus
3 years ago by jbetts009
Uses a fixed left sidebar, that attaches after scrolling past a large top header. The sidebar has submenus that open when activate..
 
Bootstrap 3 Affix Sidebar
3 years ago by maya33
Uses a fixed left sidebar, that attaches after scrolling past a large top header. Scrollspy menu...
 
The Firm - One Page Scroller Template
3 years ago by rockrick
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap 3 Template / Theme - Bootable
3 years ago by costas_tsoukas
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
The Firm - One Page Scroller Template
3 years ago by globalvoyager
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Navbar stick to top
3 years ago by ranoya
Bottom navbar sticks to to top once user scrolls...
 
Bootstrap 3 Affix Sidebar
3 years ago by brandonricci
Uses a fixed left sidebar, that attaches after scrolling past a large top header. Scrollspy menu...
 
Template with header, fixed sidebar, scrollspy and submenus
3 years ago by jhflau11
Uses a fixed left sidebar, that attaches after scrolling past a large top header. The sidebar has submenus that open when activate..
 
Navbar stick to top
3 years ago by testazoid
Bottom navbar sticks to to top once user scrolls...
 
The Firm - One Page Scroller Template
3 years ago by vickyidiot
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bold, Bright Bootstrap Template
3 years ago by suffix
Bold, bright example with a top banner that attaches once user scrolls past animated top nav... Similiar to 120794  
 
Bootstrap 3 Affix Sidebar
3 years ago by dandronic
Uses a fixed left sidebar, that attaches after scrolling past a large top header. Scrollspy menu...
 
Electric Blue Template w/ Header
3 years ago by tim
Uses a fixed right sidebar, that attaches after scrolling past a large top header...
 
The Firm - One Page Scroller Template
3 years ago by ccbassett
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Architecture Firm - One Page Scroller
3 years ago by paulng99
Bold, bright example with a top banner that attaches once user scrolls past animated top nav...
 
Bootstrap 3 Template - Attach nav after scroll
3 years ago by boulox
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
BootstrapZero Layout
3 years ago by cskelly
Uses a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap 3 Template - Attach nav after scroll
3 years ago by sevenx
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
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 affix, header and scrollspy
3 years ago by myoo
Bootstrap snippet / code Bootstrap affix, header and scrollspy..
 
Bootstrap 3 Affix
3 years ago by steveca057
How to use ScrollSpy and Affix to create a fixed left sidebar, that attaches after scrolling past a large top header...
 
Bootstrap 3 Template - Attach nav after scroll
3 years ago by Jin
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 Affix - SO 16263003
3 years ago by cskelly
Bootstrap snippet / code Bootstrap 3 Affix - SO 16263003..
 
Bootstrap 3 Template / Theme - Bootable
3 years ago by cdschofield
A responsive template with a large top header above 3 columns. This template uses the 'affix' plugin to attach the left 2 columns ..
 
Bootstrap 3 Template - Attach nav after scroll
last month by vijaymynews
A BS3 template with large top header, fixed left sidebar. Once the user scrolls past the header, the navbar fixes to the top...
 
3-Column Layout with Affix
last year by tofanelli
Bootstrap mashable-style 3 column layout. Fixed sidebar and middle column using affix...
 
Bootstrap sticky navbar template
last year by marufdwinov
A BS3 template with large top header. The navbar pins when in reaches to the top...
 
    Try a keyword search for 'affix'
    all tags

    Related Tags

    affix header scroll bootstrap-3 layout template sticky footer nav top scrollspy pin attach css transitions google-maps starter bootstrap-themes sidebar submenu columns responsive navbar subnav shrink animate snippet multiple slide fly-in mobile overlap bottom offset dotnav navigation sections left Bootstrap Bootstrap 4 sticky sidebars 3 column sticky sidebars layout parallax tooltips header.scrollspy position stiicky