Download
JADE-Bootstrap (currently v0.0.1) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see whay suits your particular needs.
NodeJS Boilerplate
Sample boilerplate NodeJS application using Express middleware with the JADE template files. Just clone the repository using git and start using.
HTML Boilerplate
Sample boilerplate for client side application for generating static HTML files from jade templates. Just clone the repository using git and start using.
Source code
The default JADE file containing all the mixins for Boostrap components, you can download this and include in your project.
Install with Bower
You can also install and manage JADE-Bootstrap using Bower:
$ bower install jade-bootstrapInstall with npm
You can also install JADE-Bootstrap using npm:
$ npm install jade-bootstrapBasic template
Start with this basic JADE template, or modify these examples. We hope you'll customize our templates and examples, adapting them to suit your needs.
Copy the JADE code below to begin working with a minimal JADE-Bootstrap document.
extends _bootstrap
block body
h1 Put your own body content hereJADE-Bootstrap source code
_bootstrap.jade
components/
|---accordion.jade
|---alerts.jade
|---bootswatch.jade
|---buttons.jade
|---carousel.jade
|---dropdowns.jade
|---forms.jade
|---icons.jade
|---images.jade
|---labels.jade
|---list-groups.jade
|---modal.jade
|---navbar.jade
|---navs.jade
|---panels.jade
|---tables.jade
|---tabs.jade
|---toggle.jade
|---tooltips.jade
layouts/
|---blog.jade
|---bootswatch.jade
|---carousel.jade
|---cover.jade
|---dashboard.jade
|---jumbotron.jade
|---jumbotron-narrow.jade
|---justified-nav.jade
|---navbar.jade
|---navbar-fixed.jade
|---navbar-static.jade
|---non-responsive.jade
|---offcanvas.jade
|---sign-in.jade
|---starter.jade
|---sticky-footer.jade
|---sticky-footer-navbar.jade
|---theme-template.jadeExamples
Build on the basic template above with Bootstrap's many components. We encourage you to customize and adapt Bootstrap to suit your individual project's needs.
Using the framework
Starter template
Nothing but the basics: compiled CSS and Javascript along with a container.
Bootstrap Theme
Load the optional Bootstrap theme for a visually enhanced experience.
Bootswatch Theme Examples
Load the Bootswatch themes for a completely customzied bootstrap experience.
Jumbotron
Build around the jumbotron with a navbar and some basic grid columns.
Narrow Jumbotron
Build a more custom page by narrowing the default container and jumbotron.Nabvars in action
Navbar
Super basic template that includes the navbar along with some additional content.
Static top navbar
Super basic template with a static top navbar along with some additional content.
Fixed navbar
Super basic template with a fixed top navbar along with some additional content.Custom Components
Cover
A one-page template for building simple and beautiful home pages.
Carousel
Customize the navbar and carousel, then add some new components.
Blog
Simple two-column blog layout with custome navigation, header and type.
Dashboard
Basic structure for an admin dashboard with fixed sidebar and navbar.
Sign-in page
Custom form layout and design for a simple sign in form.
Justified nav
Create a custom navbar with justified links. Heads up! Not too Safari friendly.
Sticky footer
Attach a footer to the bottom of the viewport when the content is shorter than it.
Sticky footer with navbar
Attach a footer to the bottom of the viewport with a fixed navbar at the top.