Bootstrap reboot min css

Contents

Discover what’s included in Bootstrap, including our precompiled and source code flavors. Remember, Bootstrap’s JavaScript plugins require jQuery.

Precompiled Bootstrap

Once downloaded, unzip the compressed folder and you’ll see something like this:

bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ └── bootstrap.min.css.map └── js/  ├── bootstrap.bundle.js  ├── bootstrap.bundle.js.map  ├── bootstrap.bundle.min.js  ├── bootstrap.bundle.min.js.map  ├── bootstrap.js  ├── bootstrap.js.map  ├── bootstrap.min.js  └── bootstrap.min.js.map 

This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS ( bootstrap.* ), as well as compiled and minified CSS and JS ( bootstrap.min.* ). Source maps ( bootstrap.*.map ) are available for use with certain browsers’ developer tools. Bundled JS files ( bootstrap.bundle.js and minified bootstrap.bundle.min.js ) include Popper, but not jQuery.

CSS files

Bootstrap includes a handful of options for including some or all of our compiled CSS.

JS files

Similarly, we have options for including some or all of our compiled JavaScript.

Bootstrap source code

The Bootstrap source code download includes the precompiled CSS and JavaScript assets, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:

bootstrap/ ├── dist/ │ ├── css/ │ └── js/ ├── site/ │ └── content/ | └── docs/ | └── 4.6/ | └── examples/ ├── js/ └── scss/ 

The scss/ and js/ are the source code for our CSS and JavaScript. The dist/ folder includes everything listed in the precompiled download section above. The site/docs/ folder includes the source code for our documentation, and examples/ of Bootstrap usage. Beyond that, any other included file provides support for packages, license information, and development.

Источник

Reboot

Reboot, a collection of element-specific CSS changes in a single file, kickstart Bootstrap to provide an elegant, consistent, and simple baseline to build upon.

Approach

Here are our guidelines and reasons for choosing what to override in Reboot:

• Update some browser default values to use rem s instead of em s for scalable component spacing.
• Avoid margin-top . Vertical margins can collapse, yielding unexpected results. More importantly though, a single direction of margin is a simpler mental model.
• For easier scaling across device sizes, block elements should use rem s for margin s.
• Keep declarations of font -related properties to a minimum, using inherit whenever possible.

Page defaults

The and elements are updated to provide better page-wide defaults. More specifically:

• The box-sizing is globally set on every element—including *::before and *::after , to border-box . This ensures that the declared width of element is never exceeded due to padding or border.
  • No base font-size is declared on the , but 16px is assumed (the browser default). font-size: 1rem is applied on the for easy responsive type-scaling via media queries while respecting user preferences and ensuring a more accessible approach.

  Native font stack

  The default web fonts (Helvetica Neue, Helvetica, and Arial) have been dropped in Bootstrap 4 and replaced with a “native font stack” for optimum text rendering on every device and OS. Read more about native font stacks in this Smashing Magazine article.

  $font-family-sans-serif: // Safari for OS X and iOS (San Francisco) -apple-system, // Chrome < 56 for OS X (San Francisco)BlinkMacSystemFont, // Windows "Segoe UI", // Android "Roboto", // Basic web fallback "Helvetica Neue", Arial, sans-serif, // Emoji fonts "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;

  This font-family is applied to the and automatically inherited globally throughout Bootstrap. To switch the global font-family , update $font-family-base and recompile Bootstrap.

  Headings and paragraphs

  All heading elements—e.g., —and

  are reset to have their margin-top removed. Headings have margin-bottom: .5rem added and paragraphs margin-bottom: 1rem for easy spacing.

  Источник

  Содержимое

  Узнайте, что включено в Bootstrap, в том числе наши варианты предварительно скомпилированного и исходного кода.

  Предварительно скомпилированный Bootstrap

  После загрузки распакуйте сжатую папку, и Вы увидите что-то вроде этого:

  bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-grid.rtl.css │ ├── bootstrap-grid.rtl.css.map │ ├── bootstrap-grid.rtl.min.css │ ├── bootstrap-grid.rtl.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap-reboot.rtl.css │ ├── bootstrap-reboot.rtl.css.map │ ├── bootstrap-reboot.rtl.min.css │ ├── bootstrap-reboot.rtl.min.css.map │ ├── bootstrap-utilities.css │ ├── bootstrap-utilities.css.map │ ├── bootstrap-utilities.min.css │ ├── bootstrap-utilities.min.css.map │ ├── bootstrap-utilities.rtl.css │ ├── bootstrap-utilities.rtl.css.map │ ├── bootstrap-utilities.rtl.min.css │ ├── bootstrap-utilities.rtl.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── bootstrap.rtl.css │ ├── bootstrap.rtl.css.map │ ├── bootstrap.rtl.min.css │ └── bootstrap.rtl.min.css.map └── js/ ├── bootstrap.bundle.js ├── bootstrap.bundle.js.map ├── bootstrap.bundle.min.js ├── bootstrap.bundle.min.js.map ├── bootstrap.esm.js ├── bootstrap.esm.js.map ├── bootstrap.esm.min.js ├── bootstrap.esm.min.js.map ├── bootstrap.js ├── bootstrap.js.map ├── bootstrap.min.js └── bootstrap.min.js.map 

  Это самая простая форма Bootstrap: предварительно скомпилированные файлы для быстрого использования практически в любом веб-проекте. Мы предоставляем скомпилированные CSS и JS ( bootstrap.* ), а также скомпилированные и минифицированные CSS и JS ( bootstrap.min.* ). source maps ( bootstrap.*.map ) доступны для использования с инструментами разработчика некоторых браузеров. Связанные файлы JS ( bootstrap.bundle.js ) и минифицированные bootstrap.bundle.min.js ) включают Popper.

  Файлы CSS

  Bootstrap включает несколько вариантов для включения некоторых или всего нашего скомпилированного CSS.

  Источник

  Contents

  Discover what’s included in Bootstrap, including our precompiled and source code flavors.

  Precompiled Bootstrap

  Once downloaded, unzip the compressed folder and you’ll see something like this:

  bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-grid.rtl.css │ ├── bootstrap-grid.rtl.css.map │ ├── bootstrap-grid.rtl.min.css │ ├── bootstrap-grid.rtl.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap-reboot.rtl.css │ ├── bootstrap-reboot.rtl.css.map │ ├── bootstrap-reboot.rtl.min.css │ ├── bootstrap-reboot.rtl.min.css.map │ ├── bootstrap-utilities.css │ ├── bootstrap-utilities.css.map │ ├── bootstrap-utilities.min.css │ ├── bootstrap-utilities.min.css.map │ ├── bootstrap-utilities.rtl.css │ ├── bootstrap-utilities.rtl.css.map │ ├── bootstrap-utilities.rtl.min.css │ ├── bootstrap-utilities.rtl.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── bootstrap.rtl.css │ ├── bootstrap.rtl.css.map │ ├── bootstrap.rtl.min.css │ └── bootstrap.rtl.min.css.map └── js/ ├── bootstrap.bundle.js ├── bootstrap.bundle.js.map ├── bootstrap.bundle.min.js ├── bootstrap.bundle.min.js.map ├── bootstrap.esm.js ├── bootstrap.esm.js.map ├── bootstrap.esm.min.js ├── bootstrap.esm.min.js.map ├── bootstrap.js ├── bootstrap.js.map ├── bootstrap.min.js └── bootstrap.min.js.map 

  This is the most basic form of Bootstrap: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS ( bootstrap.* ), as well as compiled and minified CSS and JS ( bootstrap.min.* ). source maps ( bootstrap.*.map ) are available for use with certain browsers’ developer tools. Bundled JS files ( bootstrap.bundle.js and minified bootstrap.bundle.min.js ) include Popper.

  CSS files

  Bootstrap includes a handful of options for including some or all of our compiled CSS.

  Источник