How to get just the responsive grid from Bootstrap 3

Question

I need to add responsive design features to my web application using Twitter Bootstrap  I just want the responsive behavior  I m not interested in the typography  components or any other stuff included in Bootstrap    I got a customized Bootstrap version just selecting the grid system  However  when I add the generated CSS to my application  all my styles are messed up  header  links and others   Why is that happening  How can I get a Bootstrap CSS with just the grid system  I would like to avoid a manual modification of the Bootstrap files

User · Answer

Just choose Grid system and  responsive utilities  it gives you this  http   jsfiddle net 7LVzs

User · Answer

It looks like you can download just the grid now on Bootstrap 4s new download features

User · Answer

Made a Grunt build with the Bootstrap 3 3 5 grid only   https   github com horgen grunt-builds tree master bootstrap-grid   10KB minimized   If you need some other parts from Bootstrap just include them in  src less bootstrap less

User · Answer

It s been a while since this question was asked  but maybe now you can forego Bootstrap altogether and use CSS Grid   it s simpler  neater  more flexible and faster   See this cool article  Stop using Bootstrap     create a practical CSS Grid template for your component based UI

User · Answer

Checkout zirafa bootstrap-grid-only  It contains only the bootstrap grid and responsive utilities that you need  no reset or anything   and simplifies the complexity of working directly with the LESS files

User · Answer

Go to http   getbootstrap com customize  and toggle just what you want from the BS3 framework and then click  Compile and Download  and you ll get the CSS and JS that you chose     Open up the CSS and remove all but the grid  They include some normalize stuff too  And you ll need to adjust all the styles on your site to box-sizing  border-box - http   www w3schools com cssref css3 pr box-sizing asp

User · Answer

I would suggest using MDO s http   getpreboot com  instead  As of v2  preboot back ports the LESS mixins variables used to create the Bootstrap 3 0 Grid System and is much more light weight than using the CSS generator  In fact  if you only include preboot less there is NO overhead because the entire file is made up of mixins variables and therefore are only used in pre-compilation and not the final output

User · Answer

In Bootstrap 4  there are already separated files in their GitHub  You can find them here https   github com twbs bootstrap tree main dist css

[html] How to get just the responsive grid from Bootstrap 3?

Examples related to html

Examples related to css

Examples related to twitter-bootstrap

Examples related to responsive-design