Jump to content

bootstrap its doesnt works why?


Recommended Posts

when I see my website by smartphone  all the content its look good but when I arrived at more info its doesn`t look responsive 

 

anyone knows how cani resolve this?

 

 

exemples:

 

post-796390-0-33358600-1400721211_thumb.png

 

post-796390-0-00251700-1400721230_thumb.png

 

post-796390-0-50344700-1400721248_thumb.png

 

post-796390-0-82722800-1400721267_thumb.png

 

 

in the description product I insert tables and i its doesnt display borders!

 

 

Link to comment
Share on other sites

this is my source code, there is just one table

 

<h3><strong>Specifications</strong></h3>
<div class="table-responsive">
<table class="table table-bordered">
<tbody>
<tr>
<td colspan="2">
<p><strong>Model</strong></p>
</td>
<td>
<p><span style="color: #d0121a;"><strong>ASY25UI LT</strong></span></p>
</td>
</tr>
<tr>
<td rowspan="2">
<p><strong>Cooling capacity           </strong></p>
</td>
<td>
<p><strong>KCAL/H</strong></p>
</td>
<td>
<p>2.150 (430~2.752)</p>
</td>
</tr>
<tr>
<td>
<p><strong>W</strong></p>
</td>
<td>
<p>2.500 (500~3.200)</p>
</td>
</tr>
<tr>
<td rowspan="2">
<p><strong>Heating capacity</strong></p>
</td>
<td>
<p><strong>KCAL/H</strong></p>
</td>
<td>
<p>2.752 (430~3.612)</p>
</td>
</tr>
<tr>
<td>
<p><strong>W</strong></p>
</td>
<td>
<p>3.200 (500~4.200)</p>
</td>
</tr>
<tr>
<td colspan="2">
<p><strong>EER cooling</strong></p>
</td>
<td>
<p>4,5</p>
</td>
</tr>
<tr>
<td colspan="2">
<p><strong>COP heating</strong></p>
</td>
<td>
<p>4,71</p>
</td>
</tr>
<tr>
<td colspan="2">
<p><strong>Energy efficiency class</strong></p>
</td>
<td>
<p>A / A</p>
</td>
</tr>
<tr>
<td>
<p><strong>Power source</strong></p>
</td>
<td>
<p><strong>V/Nº/HZ</strong></p>
</td>
<td>
<p>230/1/50</p>
</td>
</tr>
<tr>
<td>
<p><strong>Input power</strong></p>
</td>
<td>
<p><strong>KW</strong></p>
</td>
<td>
<p>0,55/0,68</p>
</td>
</tr>
<tr>
<td>
<p><strong>Air flow rate  indoor (min-max)</strong></p>
</td>
<td>
<p><strong>m³/h</strong></p>
</td>
<td>
<p>300~590</p>
</td>
</tr>
<tr>
<td>
<p><strong>Air flow rate outdoor (max)</strong></p>
</td>
<td>
<p><strong>m³/h</strong></p>
</td>
<td>
<p>1.850</p>
</td>
</tr>
<tr>
<td>
<p><strong>Sound pressure indoor  A/M/B/SQ</strong></p>
</td>
<td>
<p><strong>Db (A)</strong></p>
</td>
<td>
<p>42/36/30/21</p>
</td>
</tr>
<tr>
<td>
<p><strong>Sound pressure outdoor</strong></p>
</td>
<td>
<p><strong>Db (A)</strong></p>
</td>
<td>
<p>48</p>
</td>
</tr>
<tr>
<td rowspan="3">
<p><strong>Dimension indoor                 </strong></p>
<p><strong>                                                           </strong></p>
<p><strong>                                                  </strong></p>
</td>
<td>
<p><strong>W(mm)</strong></p>
</td>
<td>
<p>870</p>
</td>
</tr>
<tr>
<td>
<p><strong>D(mm)</strong></p>
</td>
<td>
<p>185</p>
</td>
</tr>
<tr>
<td>
<p><strong>H(mm)</strong></p>
</td>
<td>
<p>282</p>
</td>
</tr>
<tr>
<td rowspan="3">
<p><strong>Dimension  outdoor                </strong></p>
<p><strong>                                                  </strong></p>
<p><strong>                                                  </strong></p>
</td>
<td>
<p><strong>W(mm)</strong></p>
</td>
<td>
<p>660</p>
</td>
</tr>
<tr>
<td>
<p><strong>D(mm)</strong></p>
</td>
<td>
<p>290</p>
</td>
</tr>
<tr>
<td>
<p><strong>H(mm)</strong></p>
</td>
<td>
<p>540</p>
</td>
</tr>
<tr>
<td>
<p><strong>Net weight (indoor/outdoor)      </strong></p>
</td>
<td>
<p><strong>(Kg)</strong></p>
</td>
<td>
<p>9,5/35</p>
</td>
</tr>
<tr>
<td>
<p><strong>Piper diameter</strong></p>
</td>
<td>
<p><strong>(inch)</strong></p>
</td>
<td>
<p>1/4" - 3/8"</p>
</td>
</tr>
<tr>
<td>
<p><strong>Max pipe lenght/Max height difference </strong></p>
</td>
<td>
<p><strong>(m)</strong></p>
</td>
<td>
<p>20/15</p>
</td>
</tr>
<tr>
<td>
<p><strong>Refrigerant</strong></p>
</td>
<td>
<p><strong> </strong></p>
</td>
<td>
<p>R410A</p>
</td>
</tr>
<tr>
<td rowspan="2">
<p><strong>Operation range</strong></p>
</td>
<td>
<p><strong>cooling  ºC</strong></p>
</td>
<td>
<p>-10 +43</p>
</td>
</tr>
<tr>
<td>
<p><strong>Heating ºC</strong></p>
</td>
<td>
<p>-20 +24</p>
</td>
</tr>
</tbody>
</table>
</div>
Link to comment
Share on other sites

The problem is your dimension part
 

<p><strong>Dimension indoor                 </strong></p>
<p><strong>                                                           </strong></p>
<p><strong>                                                  </strong></p>

You have included a number of   (non breaking space) which is now breaking your layout because the line cannot break.

Your nonbreaking space signs are forcing white space which may look fine on the desktop view but causes a loooooong row for the responsive layout.

  • Like 1
Link to comment
Share on other sites

×
×
  • Create New...