مشکل شناور سازی

سلام وقت بخیر.من هم دقیقا به این مشکل برخوردم...

شما به جوابی رسیدید؟

سلام

 هنگام نوشتن مدیا کويری برای col-xs هاتون مقدار max-width:600px رو لحاظ کنید اگر مطابق استاد نوشتید مدیا کویری هاتون رو.

سلام.

برای این که مشکلی که گفتید حل بشه دوتا راهکار ساده داره.

وقتی شما تو سایز های مختلف، کلاس col را ایجاد کردید وقتی میاید به یک المان کوچکترین مقدار رو نمیدید چون float گرفته به اندازه محتوا درونش مقدار میگیره برای اینکه این مشکل حل بشه میتونید کار زیر را انجام بدید:

[class ^='col-'] {
    float: left;

    width: 100%;
}

این کار باعث میشه وقتی شما میاید مثلا به یک المان کلاس col-md-3 میدید کلاس های ماقبل که براش چیزی مشخص نکردید یعنی s و xs صد در صد فضا رو پر کنند و دیگه اندازه محتوا فضا نگیرند.
اگر هم خواستید کنترل کنید که میتونید همون کلاس های col-s یا col-xs بدید.

راهکار دوم هم که خود bootstrap استفاده کرده بصورت زیر هست:
 

.row > *{
	width: 100%;
	max-width:100%;
}

امید وارم که تونسته باشم منظورم را درست برسونم.