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..

    How to have a common header and footer in a HTML CSS web app?

    How Is This Effect Achieved? HTML/CSS/jQuery [closed]

    How to manipulate the CSS at runtime

    How to center verticaly n inline containers with different font-size?

    How to get the sticky footer to work?

    How do I scale an SVG background-image without honoring aspect ratio in Firefox?

    can anyone explain to me what does (content: “\f01a”; ) on css means? and how to use it?

    CSS HTML how to ignore some css for non ie7 or ie8

    responsive image gallery with different heights - how to achieve this with css (or jquery)

    how to align first li left and second li center in the ul element

    Hide/Show Div Depending on Screen Width

    how do I get my background to stretch the entire page

    How to get a 2 column widget area defined in CSS?

    HTML5 contenteditable div: show placeholder only if div has 1 child

    How to make JS & CSS inline work for eBay template?

    How to change color of selection in Select2 4.0.1?

    When I use
    • , how to let the element inside the li float left but the

    CSS show div background image on top of other contained elements [duplicate]

    How to change header and footer to full width

    How to generate CSS color in proportion to value?

    CSS: How to force objects to stay inside container but allow full width background? [duplicate]

    How to make this button is CSS with Angled , Drop shadow, Inset shadow with flexibility in width

    How to load css and js

    How to change color of Bootstrap warning class table row

    How to calculate padding-top in % of the given div relative to its parent div

    How to add spacing between two rows of multiple divs each

    How to center text based on only one of two merged cells ? html/css

    Generated web font doesn't show dots above Ü

    How to add image at right bottom div using css

    How to apply gradient color in css?