از بین بردن فاصله بین ستون های bootstrap

[ab.ali]

سلام، من کد های html رو برای bootstrap اینطوری نوشتم:



<div class="row">

<div class="col-lg-3"></div>

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

<div class="col-lg-3"></div>
</div>





اما فاصله بین این ستون ها خیلی زیاده و جدودا 37px است، چطور این فاصله رو کاهش بدم؟

[mmdsharifi]

تو بوت استرپ هیچ فاصله ای بین این دیو ها با کلاس هایی که داده اید نیست،یه نگاهی بیاندازید:
به
کد شما:http://jsfiddle.net/52VtD/7273/ و پیشنمایش تمام صفحه کد شما:http://jsfiddle.net/52VtD/7273/embedded/result

بنابراین یک استایل دیگری باعث شده این اتفاق بیوفته. که با Inespect element می تونید پیداش کنید.

سوالی هست در خدمتم. :)

[ab.ali]

ببخشید سوالم رو اشتباه بیان کردم، فاصله بین سه تا ستون نیست، در واقع من داخل یکی از ستون ها که یک div با width:100% می زارم ، کل اون ستون رو پر نمی کنه، مشکلم اینه، حالا می شه راه حل رو بگین؟
ممنون

[farzadyazdan]

شما باید برای col-lg-* خاصیت padding رو 0 قرار بدین

[ab.ali]

من اینو نوشتم، ولی کار نکرد :


col-lg-*{
padding:0px}

[mmdsharifi]

ببخشید سوالم رو اشتباه بیان کردم، فاصله بین سه تا ستون نیست، در واقع من داخل یکی از ستون ها که یک div با width:100% می زارم ، کل اون ستون رو پر نمی کنه، مشکلم اینه، حالا می شه راه حل رو بگین؟
ممنون

خواهش می کنم.


برای این کار بایستی داخل اون div دوباره کلاس row و چون می خواهید تمام دیو رو پر کنه یک div با کلاس col-lg-12 رو تعریف کنید.
به این صورت:



کد: http://jsfiddle.net/52VtD/7338/
دمو کد:http://jsfiddle.net/52VtD/7338/embedded/result/


توجه کنید که
col-x-* در حالت کلی نسبی هستند یعنی col-lg-6 به معنی اینه که 50% دیو پدر خودش رو پر می کنه در حالتی که صفحه نمایش ما بزرگ باشه.
بیشتر از 1200px