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

[e_a_23]

نمی دونم مشکل از کجاست که th عرضش 100% نمی شه. توش نوشته شده "بهترین پیشنهادات". عرضش از عرض بقیه ردیف های جدول کمتر شده.


<div class="offers">
<table class="col-lg-5 pull-right col-lg-offset-1" cellspacing="0" cellpadding="4"
style="border: solid 1px #ccc">
<th class="col-lg-12">
بهترین پیشنهادات
</th>
<tr class="yellohead col-lg-12">
<td class="col-lg-3 pull-right" style="font-weight: bold; color: Red;">
نام شهر
</td>
<td class="col-lg-3 pull-right" style="font-weight: bold; color: Red;">
نام هتل
</td>
<td class="col-lg-3 pull-right" style="font-weight: bold; color: Red;">
قیمت
</td>
<td class="col-lg-3 pull-right">
توضیحات
</td>
</tr>
<tr class="clickableRow pointer col-lg-12" style="background-color: #f1f1f1">
<td style="font-weight: bold;" class="col-lg-3 pull-right">
تهران
</td>
<td style="font-weight: bold;" class="col-lg-3 pull-right">
استقلال
</td>
<td style="font-weight: bold;" class="col-lg-3 pull-right">
هرشب 20000 تومان
</td>
<td class="col-lg-3 pull-right">
اتاق دو تخته + صبحانه و ناهار
</td>
</tr>
</table>
</div>





.offers tr
{
float: right;

height: 48px;

}
.offers table td
{
float: right;

height: 48px;
font: 12px tahoma;
color: #333;
text-align: center;
margin-top: 15px;

}
.offers table th
{

width:100%;
text-align: center;
background-color: #4ab6ca;
color: #fff;
font: 14px tahoma;
font-weight: bold;
height: 48px;
padding-top: 14px;
border-bottom: solid 1px #ccc;
}

[e_a_23]

در ضمن اینم بگم که این جدول که بهش col-lg-5 داده شده به همراه یک المان دیگه توی یه ردیف هست که جمع col ها 12 می شه. اما نمیدونم به th باید چند تا col اختصاص بدم.

[e_a_23]

یعنی هیچ کس نمی دونه مشکل از کجاست؟ :(