چطوری همچین قالبی رو با bootstrap پیاده سازی کنم؟

[ABZiko]

سلام، من یک کد دارم به شکل زیر :


<div class="row">
<div class="col-lg-3 col-lg-offset-1">
<div class="imageHover"><img src="Images/Security Approved.png" width="100%" height="auto" /></div>
<div class="text"><a href="#">پنجره های UPVC</a></div>
</div>
<div class="col-lg-4">
<div class="imageHover"><img src="Images/Security Approved.png" width="100%" height="auto" /></div>
<div class="text"><a href="#">پروژه های انجام شده</a></div>
</div>
<div class="col-lg-3 col-lg-offset--1">
<div class="imageHover"><img src="Images/Security Approved.png" width="100%" height="auto" /></div>
<div class="text"><a href="#">UPVC چیست؟</a></div>
</div>
</div>


همان طور که می بینید بنده دارای 3 ستون هستم که به اولی و آخری یک offset دادم ، ولی جمع این ها برابر 11 هست نه 12، راه حلی دارید؟

[r4hgozar]

سلام.
خوب نمظورتون نفهمیدن ای کاش عکی میزاشتین.
اگه منظورتون اینه که کد های خط بعدی نیاد رو صفحه بالایی می تونین تو خط بعدی اول یه div باز و بسته با کلاس clearfix بزنین بعد خط های بعدی رو بنویسین.
موفق باشید

[ABZiko]

نه دوست عزیز منظروم این نبود، من سه بخش می خوام با سه تا col-lg-3 که کدش رو بالا گذاشتم، حالا من اومدم به اولی و سومی یک offset یک ستونی دادم. درست؟ حالا من سه تا ستون می خوام و 2 ستون هم که offset زدم، درست؟ حالا یک ستون می مونه(از 12 ستون بوت استرپ) حالا اونو چطور باید پر کنم ؟(چون اونطوری 11 ستونه می شه ، 3+3+3+1+1=11)

127902

[ABZiko]

به خاطر همین مجبور شدم ستون وسطی رو col-lg-4 قرار بدم که قالب رو بهم ریخته