What's Bootstrap?
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
- Go to File > New Bootstrap Project.
- Choose a folder for the new project.
- CodeKit downloads the latest version of Bootstrap, sets everything up, then builds the project.
- 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.