Features Videos Help About Updates
Menu Buy Now

Bootstrap

First Steps:
Getting Started
Live-Reload Browsers
Browser Sync
Set Language Options
Set Output Paths & Action
Second Steps:
Defaults For New Projects
Build Your Project
Set Target Browsers
Stuff To Know:
CodeKit + Git
Troubleshooting
License Recovery
PostCSS Tools:
Autoprefixer
PurgeCSS
Custom PostCSS Plugins
Other Tools:
npm
Babel — (JS Transpiler)
Terser — (JS Minifier)
Rollup — (JS Bundler)
Cache-Buster
HTML-Minifier
LightningCSS
Bless
Languages:
Sass
Less
Stylus
JavaScript
CoffeeScript
TypeScript
Pug
Haml
Slim
Kit
Markdown
JSON
Image Optimizers:
WebP
PNG
JPEG
SVG
GIF
Frameworks:
CodeKit Frameworks
Tailwind
Bootstrap
Bourbon
Bitters
Zurb Foundation
Susy
Nib
Jeet
Syntax Checkers:
ESLint
Advanced:
Hooks
Environment Variables
Adding Custom Languages
Team Workflows
Scripting CodeKit
Editor Plugins:
Nova
Atom
Sublime Text
Coda 2
More
Read-Only Mode
Upgrading From 2.0
FAQ

What's Bootstrap?

The Bootstrap logo

Bootstrap is the world’s most popular front-end open source toolkit for building mobile-first, responsive sites.

It comes with lots of pre-baked components and a grid system built on Sass. It also offers powerful JavaScript plugins.

Folks love it because it's easy to build complex websites quickly.


Using Bootstrap

  1. Go to File > New Bootstrap Project.
  2. Choose a folder for the new project.
  3. CodeKit downloads the latest version of Bootstrap, sets everything up, then builds the project.
  4. Click the Preview Button and get to work.
Is this some custom version of Bootstrap?

No. CodeKit always installs the latest version of Bootstrap, as published by npm.

Now what?

You'll obviously want to customize the site. Check out the Bootstrap Examples Gallery for other layouts and components. (You'll need to adjust the path to the CSS and JS files that each example page uses.)

What about Bootstrap 4?

CodeKit has automatic support for spinning up Bootstrap 5 projects. I don't recommend using 4.x any longer.


A Note About Project Settings

When you create a new Bootstrap project, some settings start with specific values regardless of what your Defaults For New Projects are. This is because Bootstrap needs these settings to work best.

For example: the project will be set to use a Build Folder and output paths for all files will be set accordingly.


Made in San Diego, CA

Follow the Developer on Twitter

Email Support

Report a Bug

Privacy Policy