Bootstrap environment setup

Bootstrap is relatively simple to install and use. This chapter will walk you through downloading and installing Bootstrap. We'll also go over the Bootstrap file structure and show you how to use it with an example.

Download Bootstrap

https://getbootstrap.com/ is where you can get the most recent version of Bootstrap. When you click on this link, you will be directed to a screen with two buttons.

  • Download Bootstrap You may download precompiled and minified versions of Bootstrap CSS, JavaScript, and fonts by clicking this link. There is no documentation or source code files included.
  • Get Source By selecting this option, you may download the most recent Bootstrap LESS and JavaScript source code from GitHub.

Throughout the lesson, we will utilise a precompiled version of Bootstrap for better comprehension and convenience of use. You don't have to worry about providing distinct files for individual functionality because the files have been compiled and minified. The most recent version (Bootstrap 3) was downloaded at the time of authoring this tutorial.

File structure

Precompiled Bootstrap

Extract the ZIP file containing the built version of Bootstrap once it has been downloaded. Computed CSS and JS (bootstrap.*) and compiled and minified CSS and JS (bootstrap.min.*) are the two types of CSS and JS files. The optional Bootstrap theme is supplied, as are Glyphicons fonts.

Bootstrap Source Code

If you downloaded the Bootstrap source code, the following is the file structure:

  • The source code for Bootstrap CSS, JS, and icon fonts may be found in the less/, js/, and fonts/ folders (respectively).
  • Everything indicated in the precompiled download section is in the dist/ folder.
  • Bootstrap documentation can be found in the docs-assets/, examples/, and all *.html files.