Here I'm facing the problem with responsive display of my component List view in Joomla 3.0.If I see the list view in my mobile,the columns crossing the limit of Joomla page(Image Attached).Is there any to make the list views as responsive using bootstrap 2 ?
default.php
<table id="box-table-a" >
<thead>
<tr>
<th scope="col"></th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<tr>
</tbody>
</table>
css:
#box-table-a{
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
width: 100%;
text-align: left;
border-collapse: collapse;
float:left;
}
#box-table-a th{
font-size: 13px;
font-weight: normal;
padding: 8px;
font-weight:bold;
background:#b9c9fe;
color:#000000;
border: 1px solid #ffffff;
}