bootstrap 4 - When to use reboot css and grid css?

twitter-bootstrap twitter-bootstrap-3 twitter-bootstrap-4
Vimalan Jaya Ganesh picture Vimalan Jaya Ganesh · Mar 16, 2017 · Viewed 19.2k times · Source

I am trying to migrate my application from bootstrap 3.3.7 to Bootstrap v4.0.0-alpha.6.

When I downloaded the Bootstrap v4.0.0-alpha.6 into my project using NuGet, I saw bootstrap-reboot.css and bootstrap-grid.css in addition to bootstrap.css.

enter image description here

I tried to go through the document and understand their purpose but, I am not getting a clear picture.

What is the use of those two css files? Do I really need to include them in my project?

Answer

Liam Hammett picture Liam Hammett · Mar 16, 2017

bootstrap.css should contain all the CSS you need to use Bootstrap in your project.

The files bootstrap-reboot.css and bootstrap-grid.css are cut down versions containing just the necessary styles for reboot and Bootstrap's flexbox grid respectively. They are to be used if you don't want to include the entirety of Bootstrap in your project and will only be making use of either of these features.

The docs explain it here: https://getbootstrap.com/docs/4.1/getting-started/contents/#css-files

Related questions

bootstrap 4 responsive utilities visible / hidden xs sm lg not working

Having an issue with the new responsive utilities hidden / visible classes, when migrating to Bootstrap 4. I am aware that .hidden- classes have been removed from v3 and replaced with .hidden-*-up .hidden-*-down. Using the new .hidden-*-up.hidden-*-down …

Read More
What is the '.well' equivalent class in Bootstrap 4

In bootstrap-3 there is .well class which adds a rounded border around an element with a gray background color and some padding. <div class="well">Basic Well</div> But, I didn't find any .well class in …

Read More
Center a column using Twitter Bootstrap 3

How do I center a div of one column size within the container (12 columns) in Twitter Bootstrap 3? I want a div, with a class .centered to be centered within the container. I may use a row if there are multiple …

Read More