مشکل با نمایش سایت در نمایشگر های کوچک

[yasharhi]

من سایتم رو با بوت استرپ طراحی کردم ، یه مشکلی که دارم در نمایشگر های کوچیک فاصله ها ( margin ) در بعضی قسمتها به هم میریزه


نمایش عادی و بدون مشکل :

http://upload7.ir/uploads//7c9eb726754125c99e16b6e95ed78853e4674a2e.png


نمایش در نمایشگر های کوچک که margin در چند محل به هم ریخته است :

http://upload7.ir/uploads//4846d63f71ffd305f1b2891d4d21af3c77eb0215.png


دمو آنلاین :
http://ideallandingpage.com/

[سعید کشاورز]

توی همونجا که کلاس col-lg-6 و col-md-6 رو دادی این دوتا کلاس رو هم بهشون اضافه کن col-sm-6 و col-xs-6

هم به div بالایی و هم به div پایینی اضافش کن
منظورم این قسمت هست



<div class="col-lg-6 col-md-6"><h4 class="bottom-3">cPanel Control Panel</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p>&nbsp;
<h4 class="bottom-3">Money-Back Guarantee</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p></div>
<div class="col-lg-6 col-md-6"><h4 class="bottom-3">24/7 Technical Support</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p>&nbsp;
<h4 class="bottom-3">AWESOME INTRO</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p></div>

[yasharhi]

توی همونجا که کلاس col-lg-6 و col-md-6 رو دادی این دوتا کلاس رو هم بهشون اضافه کن col-sm-6 و col-xs-6

هم به div بالایی و هم به div پایینی اضافش کن
منظورم این قسمت هست



<div class="col-lg-6 col-md-6"><h4 class="bottom-3">cPanel Control Panel</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p>&nbsp;
<h4 class="bottom-3">Money-Back Guarantee</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p></div>
<div class="col-lg-6 col-md-6"><h4 class="bottom-3">24/7 Technical Support</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p>&nbsp;
<h4 class="bottom-3">AWESOME INTRO</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p></div>


اینکار رو کردم ولی ظاهر سایت خراب شد و مشکل بالا و پایین بودن هم پا بر جا موند

[yasharhi]

کسی راه حلی نداره ؟

[پیام حیاتی]

کسی راه حلی نداره ؟
سلام
خودتون Media Query های مربوطه رو بنویسید.

[سعید کشاورز]

من سورس سایت شمارو ندیدم اما چیزی که معلومه اینه شما با بوت استرپ خوب آشنا نیستین و لایه بندی سایتتون رو درست انجام ندادیدن..همون جوابی که بالا گفتم درسته به شرط اینکه رو بقیه لایه ها کلاسهارو درست مقدار دهی کرده باشین..چون دیویژن ها بهم وابسته هستن

[yasharhi]

سلام
خودتون Media Query های مربوطه رو بنویسید.

از بوت استرپ استفاده کردم که از شر Media Query راحت بشم

[yasharhi]

من سورس سایت شمارو ندیدم اما چیزی که معلومه اینه شما با بوت استرپ خوب آشنا نیستین و لایه بندی سایتتون رو درست انجام ندادیدن..همون جوابی که بالا گفتم درسته به شرط اینکه رو بقیه لایه ها کلاسهارو درست مقدار دهی کرده باشین..چون دیویژن ها بهم وابسته هستن

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

دمو آنلاین :
http://ideallandingpage.com (http://ideallandingpage.com/)

[سعید کشاورز]

<div class="container"><div class="row up-8 "><div class="col-lg-5 col-md-5 "><img alt="#" class="img-responsive bottom-6" height="800" src="images/66.png" width="800"></div>
<div class="col-lg-7 col-md-7 bottom-3 col-xs-7"><h3 class="up-4 bottom-5">Ideal Web Hosting Features:</h3>
<div class="row"><div class="col-lg-6 col-md-6 col-xs-6"><h4 class="bottom-3">cPanel Control Panel</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p>&nbsp;
<h4 class="bottom-3">Money-Back Guarantee</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p></div>
<div class="col-lg-6 col-md-6 col-xs-6"><h4 class="bottom-3">24/7 Technical Support</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p>&nbsp;
<h4 class="bottom-3">AWESOME INTRO</h4>
<p>Lorem Ipsum available, but the majority hafered alteration in some form, by injected humour, or randomised words .</p></div></div></div></div></div>
سورس مربوط به قسمت Ideal Web Hosting Features:
رو به کد بالا تغییر بده کپی پیست کن.
ببین چه شکلی میشه..منظورت همینه؟ در ضمن یه جای کارت میلنگه اسکرول افقی میخوره وقتی صفحه رو کوچیک میکنی...

[سعید کشاورز]

از بوت استرپ استفاده کردم که از شر Media Query راحت بشم
اتفاقا کار خیلی خیلی خوبی کردی...ولی به شرط اینکه از بوت استرپ استاندارد استفاده کنی

[پیام حیاتی]

از بوت استرپ استفاده کردم که از شر Media Query راحت بشم
اگر با کلاس ها و ساختار های بوت استراپ هم آشنایی کامل نداشته باشید باز هم مثل الآن دچار دردسر خواهید شد.
از چاله در اومدید افتادید در چاه!
اگر مباحث مرتبط رو به درستی فرا می گرفتید نیازی به استفاده از فریمورک ها دیگر نبود ، برخی مواقع به دنبال زودتر نتیجه گرفتن از کنار خیلی چیزها به راحتی می گذریم.

[سعید کشاورز]

اگر با کلاس ها و ساختار های بوت استراپ هم آشنایی کامل نداشته باشید باز هم مثل الآن دچار دردسر خواهید شد.
از چاله در اومدید افتادید در چاه!
اگر مباحث مرتبط رو به درستی فرا می گرفتید نیازی به استفاده از فریمورک ها دیگر نبود ، برخی مواقع به دنبال زودتر نتیجه گرفتن از کنار خیلی چیزها به راحتی می گذریم.
این آقا هرچقدر هم تجربه داشته باشه اندازه کسایی که بوت استرپ رو نوشتن تجربه داره؟
اونا فکر همه جارو کردن..شما میدونی اگه از بوت استرپ استفاده کنی خیالت راحته..چون امتحان خودش رو پس داده..من خودم آموزش فارسی درست حسابی پیدا نکردم که گرید بندی بوت استرپ رو یاد بده..خودم خواستم ضبط کنم آموزش رو که متاسفانه زدم خودمو ناقص کردم پام تا زانو رفته تو گچ:لبخند: انشالله اگه عمری بود خوب شدم آموزش هارو ضبط میکنم که دوستانی که بلد نیستن گرید بندی کنن یاد بگیرن..چون با بوت استرپ سرعت عمل میره بالا و وقتی رو که از کارفرما گرفتی صرف جاهای دیگه ی طراحی میکنی..

[yasharhi]

اگر با کلاس ها و ساختار های بوت استراپ هم آشنایی کامل نداشته باشید باز هم مثل الآن دچار دردسر خواهید شد.
از چاله در اومدید افتادید در چاه!
اگر مباحث مرتبط رو به درستی فرا می گرفتید نیازی به استفاده از فریمورک ها دیگر نبود ، برخی مواقع به دنبال زودتر نتیجه گرفتن از کنار خیلی چیزها به راحتی می گذریم.

دوست عزیز من چندین ماهه از بوت استرپ استفاده می کنم و چندین سایت هم با هاش طراحی کردم فقط هم مشکلم اینه که متاسفانه تو هیچ فرومی کسی نبوده حلش کنه.