After working with bootstrap on several pages, I am struggling to figure out the best way to arrange 7 equal width elements in a row of 12 spans. It's important to me to ensure that the media queries continue to work effectively.
<div class="row">
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
<div>...</div>
</div>