Choose which Less files to compile into your custom build of Jasny Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs.

Common CSS

Components

JavaScript components

Vanilla Bootstrap required

Jasny Bootstrap requires vanilla Bootstrap to be included.

Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScript page in the docs.

Linked to components

Magic

Produces two files

All checked plugins will be compiled into a readable jasny-bootstrap.js and a minified jasny-bootstrap.min.js. We recommend you use the minified version in production.

jQuery required

All plugins require the latest version of jQuery to be included.

Customize Less variables to define colors, sizes and more inside your custom CSS stylesheets.

Components

Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

Tables

Customizes the .table component with basic values, each used across all table variations.

Background color used for .table-hover.

Media queries breakpoints

Define the breakpoints at which your layout will change, adapting to different screen sizes.

Grid system

Define your custom responsive grid.

Padding between columns. Gets divided in half for the left and right.

Point at which the navbar becomes uncollapsed.

Maximum with of a smooth container.

Form states and alerts

Define colors for form feedback states and, by default, alerts.

Alerts

Define alert colors, border radius, and padding.

Hooray! Your custom version of Jasny Bootstrap is now ready to be compiled. Just click the button below to finish the process.