مشکل با ریسپانسیو کردن

[e_a_23]

سلام
honaravaran.com (http://honaravaran.com/) رو ببینید لطفا. ریسپانسیوش مشکل داره. نمی دونم چ جوری درستش کنم. فقط وقتی full screen هست باکس ها پایین قرار می گیرن. وقتی سایز مرورگر کوچیک میشه میرن بالا باکس ها. آخه margin-top رو هرچی بیشتر بدم که فاصلشون از بالا بیشتر بشه، فاصله عمودی باکس ها از هم(وقتی زیر هم می افتن) زیاد میشه. باید چیکار کنم؟

[classic-]

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


این کد رو در انتهای فایل استایل قالب بگذارید:

@media screen and(max-width: 1000px){
.box{margin-top: 15px}
}

[e_a_23]

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


این کد رو در انتهای فایل استایل قالب بگذارید:

@media screen and(max-width: 1000px){
.box{margin-top: 15px}
}
باکس ها به هم می چسبن با این کار.

[e_a_23]

مشکل رو حل کردم ولی واقعا عجیبه، توی browser ها که چک می کنم برای device های مختلف اوکیه. اما آپلود که میشه توی موبایل نگاه می کنم اسکرول افقی می خوره. تا حالا برای کسی این مشکل پیش اومده؟