رفتن به مطلب

گذاشتن فاصله در bootstrap


site

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

سلام

عکس :

28228143956369137965_asd.png

در عکس بالا ، من دو div ساختم که به هر یک از div ها col-6 دادم ( در تمامی دستگاه ها )

الان به درستی کار میکنه و این دو div در کنار هم هستند

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

(اگه برای فاصله گذاشتن از width ها هم کم شه اشکالی نداره )

لینک به ارسال

یه padding بده به هر دو به راحتی حل میشه ! التبته شاید راه حل قانونی داشته باشه ولی به نظرم صرف زمانش نمی ارزه !

لینک به ارسال

داخل col-md-6 می تونید یه div دیگه بسازید و بهش اندازه 90 درصد یا 95 درصد بدید. اینجوری یه فاصله ایجاد میشه.

لینک به ارسال

داخل col-md-6 می تونید یه div دیگه بسازید و بهش اندازه 90 درصد یا 95 درصد بدید. اینجوری یه فاصله ایجاد میشه.

سلام . همه اندازه دستگاه ها در کنار هم هستند . چطوری میتونم جداشون کنم ؟ ( مثلا sm و xs و mdوlg در کنار هم هستند )

95 درصد دادم اما هر باکس کل صفحه رو گرفت . به کلاس هر باکس 45 درصد دادم و درست شد اما در xs به صورت زیر نشون داد :

29479143957224744986_Untitled.png

در صورتی که من گفته بودم در xs ، به صورت col-xs-12 بشه و هر باکس کل عرض رو بگیره

کد یک عدد از باکس ها :


<div class="first-p col-lg-6 col-md-6 col-sm-6 col-xs-12 pull-left">
<img class="img-responsive" src="img/pes2016-ps4.png"/>
<div class="p-title">فروش بازی pes</div>
<div class="p-price">قیمت : 6000 تومان</div>
<div class="p-box">
<a href="#">خرید آنلاین</a>
</div>

</div>

لینک به ارسال

یه padding بده به هر دو به راحتی حل میشه ! التبته شاید راه حل قانونی داشته باشه ولی به نظرم صرف زمانش نمی ارزه !

سلام

padding رو تست کردم اصلا نشد .

لینک به ارسال

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

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

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

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

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

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

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

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

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