رفتن به مطلب

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


پست های پیشنهاد شده

سلام خدمت دوستان گرامی من الان 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>

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

لینک به ارسال

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


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

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

موفق باشید

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...