Question: Why does using Twitter Bootstrap Grids Causes Body to Disappear

[poole]

Question: Why does using Twitter Bootstrap Grids Causes Body to Disappear

[mdo]

I can't help without more information, specifically a live demo. Create a JS Bin and report back so I can take a look. As long as you're putting that stuff within the .wrap and the .container there should be few problems. However, these were not designed to be mixed.

[zachcp]

@mdo thanks for taking the time to answer this and for your efforts on Lanyon and on Twitter Bootstrap. As a non webprogrammer, these tools have helped me put together some decent looking sites without much of a headache.

Here is a minimal example of what I am talking about on JSBIN:
http://jsbin.com/vayiyuje/1/

Be sure to open and close the sliding navbar. On closing the text should disappear. I noticed that resizing the window will allow the Twitter-Bootstrap elements to reappear so i think the issue is in the media-specific/responsive CSS. Any suggestions you might be able to make would be appreciated.

Thanks again for your time.

zach cp

[mdo]

Ah, your problem is that you've included the entirety of Bootstrap into a project that already has a lot of it's own styles covered. Basically both projects' CSS are competing for the same global settings and elements, and those aspects don't mix at all. Moreover, Bootstrap and Lanyon have entirely different approaches to their CSS.

See http://jsbin.com/vayiyuje/2. I've removed everything but the grid and you'll see things get back to normal-ish.

Hope that helps some!

[zachcp]

Thanks @mdo. The simple grid was all I wanted and now its working great.

FYI: the CSS I downloaded was from the Twitter Bootstrap Customize download page with only the "Grid system" box checked.