I am having issues trying to center some content divs
Here is my code:
<div id="organize" class="block">
<div class="container">
<div class="row text-center">
<div class="span12">
<h2 class="subheader">It's Time To</h2>
<h1 class="header">Organize</h1>
</div>
<div class="span7 offset2 info">
<div class="span2">
<h2 class="subheader">Athletic</h2>
<p>Of course coaches want to know about your in-game
achievements, but COACHES WANT TO see you making progress over time. Even
if you’re not planning to play college sports, team-players can get extra
credit with admissions departments.</p>
</div>
<div class="span2">
<h2 class="subheader">Social</h2>
<p>Of course coaches want to know about your in-game
achievements, but COACHES WANT TO see you making progress over time. Even
if you’re not planning to play college sports, team-players can get extra
credit with admissions departments.</p>
</div>
<div class="span2">
<h2 class="subheader">Academic</h2>
<p>Of course coaches want to know about your in-game
achievements, but COACHES WANT TO see you making progress over time. Even
if you’re not planning to play college sports, team-players can get extra
credit with admissions departments.</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
I think the problem is that the content blocks in the .info div were
designed and the designer allowed for the text to flow into the gutters..
JSFiddle: http://jsfiddle.net/dennismonsewicz/xRE83/1/
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
