Bootstrap CSS framework how to make a website with the help of Bootstrap web guide

Twitter Bootstrap CSS framework, created and developed by Twitter programmers, released under the MIT license.

Bootstrap - contains a set of tools that facilitate the creation of a graphical interface for websites and web applications. The basis of Bootstrap are ready-made HTML and CSS solutions, including for styling the elements displayed on the page: texts, forms, buttons, charts, navigation systems - menus, etc.

Bootstrap files are compiled from Less files.

ADAPTING BOOTSTRAP TO OUR NEEDS

By downloading Bootstrap you have the option of customizing Bootstrap to your needs and expectations. To do this, go to the website: https://getbootstrap.com/customize/ , where you set individual elements step by step.

Less files

Components

JavaScript components

jQuery plugins

Less variables

and at the end ..

Compile and Download (compile and download)

By adjusting the output files after compilation to your needs, including removing unnecessary elements, e.g. JavaScript, you can optimize Bootstrap files, i.e. minimize their size, which may be important for users of your website. Smaller files - faster loading site.

Bootstrap - file structure

 bootstrap/

 ├── css/

 │ ├── bootstrap.css

 │ ├── bootstrap.min.css

 ├── js /

 │ ├── bootstrap.js

 │ ├── bootstrap.min.js

 ├── img/

 │ ├── glyphicons-halflings.png

 │ ├── glyphicons-halflings-white.png

 └── README.md

Bootstrap - download kit - contains three folders: css, js and img. When creating a project, you can simply add bootstrap files to your project's root directory, including minimized CSS and JavaScript versions. It is not necessary to place both minimized and uncompressed versions. All you need is a minimized version of Bootstrap files.

And now let's write the code of the first page in bootstrap .. (I invite you to the next part of the Bootstrap tutorial - CSS framework - how to make a website using Bootstrap)

See in the menu related articles to: Bootstrap CSS framework how to make a website using Bootstrap guide