mk-73

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

2 پست در این موضوع قرار دارد

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

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

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

موفق باشید

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری