Ya I hear ya. When I build sites using bootstrap, I never mess with margins. Cuz that will throw everything off. The grid is designed to the .xxxxxxx%, so adjusting a margin will throw it off.
If you add the border box property to the very beginning of your CSS file you use to customize (make sure you include everything even the * ) you can then add a border to any element in the bootstrap HTML and it will not throw you layout off. Without using the property, of you even add 1px border to any span, it will throw off the whole row and cause it to break into two rows, effectively throwing off your whole layout. As for adding padding to the container, you might want to add it to the #wrapper is you created, because the .container class could be used other places like centering your nav elements, etc. you just need to make sure that your wrapper ID has is situated in your CSS file so that it will trump the .container class. That way it will override correctly ( not sure how much you know about all this so you might already understand how that works lol) And I'm using my cell so it's hard to really get into your code lol. Anyhow, feel free to let me know if you have any other problems. I completely understand what it's like to figure out bootstrap. It's amazing once you have it figured out though :) Sent from my iPhone On Nov 6, 2012, at 4:04 PM, elisa <[email protected]> wrote: > Hi Matt, > thanks for this fast response, i have read several tutorials here > (http://phatness.com/2012/02/twitter-bootstrap-how-to-style-rows/) someone > tried to find a solution for a nearly same problem with the section commands. > > I´ll try to work it out with your border advice. > > And i didn´t knew i just have to add padding to the container - so simple - > instead of it i put margins on the rows and had much complications... > > I think now i´ll get it working! > > thank you so much! > > > > Am Dienstag, 6. November 2012 22:56:44 UTC+1 schrieb Matt C.: >> >> I'm not sure about how to answer all your questions, but it sounds like you >> should take a look at the docs to better understand how the grid works. For >> example, Im not too sure that you need to wrap your head content in >> <section></section> tags. Its just extra work and isnt providing any >> meaning. it seems like. >> >> One thing I noticed though is how youre approaching adding borders. You dont >> have to make extra divs for this to create space. If you add this to the >> very bginning of your css file, it will allow your border to width to only >> take away from the box size....it will not add extra space to your divs., >> place this at the beginning: >> >> * { >> -moz-box-sizing: border-box; >> -webkit-box-sizing: border-box; >> box-sizing: border-box; >> } >> >> I suck at explaining how it works, but check out CSS-tricks - border boxing. >> He has a great explaination on it. >> >> Im not too sure understanding what else you are having problems with. If you >> want 40 px of padding just add it to either the .container class or the >> #wrapper. Then everything should center automatically. >> >> >> >> -- >> Thank you, >> >> Matt Craig >> (815)315-7822 >> [email protected] >>
