ایجاد فاصله بین ستون ها سایت با بوت استرپ

[mk-73 165]

سلام خدمت دوستان گرامی من الان 2روزه شروع به طراحی کردن قالب یک سایت با فریمورک بوت استرپ را شروع کردم الان یکجایشو به مشکل خوردم اونم قالبی که من دارم طراحی میکنم 3ستونه است میدونم من با دستور های offset،pull،pushمیشه این کارور کرد اما هر کار میکنم یکجایش میمونه.ممنون میشم اگه کمکم کنید.

این کدهای بیس ستون هام هست که زدم.

<div id="container" class="col-lg-12 col-xs-12">

<div class="row">

<div class="col-lg-3 sidebar-right">

سایدبار راست

</div>

<!--end sidebar-right-->

<!--begin content-->

<div class="col-lg-6 content">

بخش کانتنت

</div>

<!--end content-->

<!--begin sidebar-left-->

<div class="col-lg-3 sidebar-left">

سایدبار چپ

</div>

<!--end sidebar-left-->

</div>

باکس هام در کنارهم قرار گرفتند اما چیزی هست نمیشه بینشان فاصله ایجاد کزد ممنون میشم کمکم کنید.

[M.Javad 684]

سلام استفاده از col به طور طبیعی خودش یک فاصله 15پیکسلی ایجاد میکنه و نیازی نیست از دستورات offset و ... استفاده کنید اگه منظورتون اینه که با استفاده از دستور border ستون ها بهم میچسبن بهتره اول یک دایو برای کلاس col انتخاب کنید و در دایو داخلش میتونید از دستور border استفاده کنید تا فاصله ها مشخص باشه

<div class="col-lg-3">
	  <div style="border:1px solid #CCC;"></div>
</div>

اینم یه مثال خیلی ساده برای فهم بیشتر مطلب

موفق باشید