مشکل با بوت استرپ در طراحی

[asemaneiran]

سلام
دوستان من میخوام یه سایت با بون استرپ طراحی کنم
از پنل استفاده کردم
این کدهامه
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" >
<div s class="panel panel-info bodypanel">
<div class="panel-heading headerpanel">
pic
</div>
<div class="panel-body">

<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<br/>

</div>
</div>
</div>


<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6" >
<div class="panel panel-info bodypanel2">
<div class="panel-heading headerpanel">
gallery
</div>
<div class="panel-body">

<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
</div>
</div>
</div>



<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" >
<div class="panel panel-info bodypanel">
<div class="panel-heading">
news
</div>
<div class="panel-body">
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>
<p>hgfghfhfhfhgfhg</p>

</div>
</div>
</div>
</div>

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

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

دموی آنلاین بزار بهتر بشه راهنمایی کرد

[asemaneiran]

کدهام همین هاس
کسی راهی نداره؟
راستی کسی ميدونه چکار کنم سایتم روی همه مرورگرها درست اجرا شه
ممنون