How to get just the responsive grid from Bootstrap 3?


Tags: html,css,twitter-bootstrap,responsive-design

Problem :

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.

Thanks!



Solution :

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.

Bootstrap Customizer

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


    CSS Howto..

    Optimizing CSS - how to properly reduce CSS footprint [closed]

    How can I make this image responsive?

    How do I change the admin header color in Magento?

    How to remove border for last column in css?

    How to make a generic struct to contain any CSS properties' values

    How to reverse this CSS spin animation

    How to find class =“class1” included class=“class2” in CSS? [closed]

    How to make image thumbnail look like video with CSS

    How to make a header that changes position (like Pinterest)

    How to align 3 child div in a parent div

    how to use two css style in a div or span

    How to make a custom select option menu style without image in CSS?

    how to scroll down|up animatedly in jquery css?

    How to add Bootstrap to Fullpage.js

    How to override CSS3 animation with jQuery?

    How to have a box increase its size based on its content?

    how to stop centered css dropdown menu from twitching (chrome only)

    Box-shadow is overlapping other elements, how can I fix it?

    How to manage css of big websites within team environment without mess?

    How to Add sub menu to dropdown menu in Blogger

    How to only get the 'box-shadow-right' that cuts off when you reach a border?

    How can I make an H4 element behave like an HR when floats are present

    how to make password textbox value visible when hover an icon

    Force jQuery show/hide to respect display: table?

    How to target a specific browser of a specific device via CSS?

    How to make corners of progress bar round in css

    How to extract class names from a CSS selector?

    How to make alerts overlap?

    Jquery - How to set mouseleave event to an after() generating div?

    How do I get a dropdown choice to show up on the left of an entry on this To-Do list?