یک سوال اساسی درباره بوت استرپ

[yasharhi]

من می خواهم یک row رو به 3 قسمت تقسیم کنم و 1 واحد هم offset در نظر بگیرم ولی فاصله از هر 2 طرف یکسان نمیشه. چکار می تونم بکنم ؟

چیزی که میخواهم درست کنم :
http://upload7.ir/imgs/2014-09/68876437294315408108.png

چیزی که میشه :
( همونطوری که می بینید فضای خالی سمت راست و چپ برابر نیست و سمت چپ جای خالی زیاده
وقتی هم که offset طرف راست رو 2 واحد میگزارم بازم میزان نمیشه )

http://upload7.ir/imgs/2014-09/57213334867855888835.png

[_mojitaba_]

باید span رو 10 بگیری چون وقتی یک قسمت از اینور حذف میکنی باید یک قسمت هم از سمت چپ حذف یشه

[yasharhi]

span چی هست ؟
(اگر اشتباه نکنم منظورتون از span همون col هست ) حالا 10 تا col رو چه جوری به 3 واحد تقسیم کنم ؟!

[_mojitaba_]

فک کنم شما بوت استرپ 3 استفاده می کنید که نمیدونم
اما بوت استرپ 2 وقتی شما یک span10 ایجاد میکنید داخل این span10 به 12 قسمت تقسیم میشه (احتمالا در بوت استرپ 3 هم همینطور باشه)
حالا این 12 قسمت رو میتونید به 3 قسمت span4 تقسیم کنید

[mmdsharifi]

سلام
کداتونو اینجا بزارید یا دمو انلاین.چون روش های زیادی برای وسط چین کردن در بوت استرپ هست.

[yasharhi]

<div class="row ">
<div class="col-lg-3 col-lg-offset-1 ">
<img src="file:///F|/YASHAR DESIGN/pics/Capture1.PNG" width="75" height="75" class="img-1">
<h4> web designing </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt . </p>

</div>

<div class="col-lg-3 ">
<img src="file:///F|/YASHAR DESIGN/pics/Capture1.PNG" width="75" height="75" class="img-1">
<h4> web designing </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt . </p>

</div>

<div class="col-lg-3 ">
<img src="file:///F|/YASHAR DESIGN/pics/Capture1.PNG" width="98" height="90" class="img-1">
<h4> web designing </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt . </p>

</div>


</div>

[mmdsharifi]

خب با کمترین تغییراتی که دادم نتیجه این شد.

http://www.bootply.com/DQnb56aq0P

[yasharhi]

خب با کمترین تغییراتی که دادم نتیجه این شد.

http://www.bootply.com/DQnb56aq0P

ولی دوست عزیز بازم میزان نیست از یک طرف 199 px فاصله داره و از طرف دیگه 300 px .

[2undercover]

خوب مشکل اینجاست که کل یک سطر در سیستم گرید Bootstrap به 12 ستون تقسیم شده و شما سه تا ستون با اندازه ی 3 دارید که در مجموع میشه 9 که اگر از 12 کم کنیم میشه 3، یعنی ستون اول و آخر باید 1.5 ستون با کناره ها فاصله داشته باشند که همچین چیزی نمیشه.

حالا شما می تونید خودتون به ستون اول به صورت دستی خارج از Bootstrap از سمت چپ فاصله بدهید (که میشه 12.5%) یا این که همونطور که دوستمون بالا گفتند یک ستون ده تایی ایجاد کنید و اندازه یک ستون فاصله بدهید بهش و این سه ستون رو داخل اون ستون ده تایی قرار بدهید.