سوال در مورد بوت استرپ

[هادی خانزاده 103]

با عرض سلام و خسته نباشید

من در مورد کلاس های col توی بوت استرپ مشکل دارم و اصلا برام قابل فهم نیستن الان شما مثال زیر و ببینید:

<div class="col-lg-5 col-md-10 col-xs-3"></div>

خوب الان جای سوال اینجاست که من وقتی ی جعبه متن داخل div میذارم میخوام تو تغییر سایز افکت های خاص بهش بدم مثلا میخوام تو XS که کار کرد بک گراندش قرمز شه.

ممنون میشم راهنماییم کنید.

با تشکر فراوان

[webafra 60]

سلام دوست عزیز .

شما باید از مدیا کوئری ها کمک بگیرید

مثلا :

@media (min-width: 992px) and (max-width: 1200px){
body{background-color:red; }
}

این کدی که دادم برای اندازهای مشخصی هست ،حالا شما پیدا کن اندازه ی xs چقدره و به شکلی که مثال زدم ، ازش استفاده کن .

[themento 348]

تو استایل راحت میتونی کلاس بدی. برای نمونه:

<div id="test">
<div class="col-lg-5 col-md-10 col-xs-3"></div>
</div>
<style>
#test .col-xs-3 {
background-color: #fff;
}
</style>

ویرایش شده دی 93 توسط Ali Amini