Мой код отлично работает, поэтому мне просто интересно использовать сетку Bootstrap 3 с моим компонентом таблицы, и я просмотрел документацию, которую я не смог найти. У меня есть все мои файлы css и js. Я попытался добавить row или container тег div, и он все еще не работает. Любые мысли о том, что я делаю неправильно?Bootstrap 3 сетка с компонентом стола не работает

У меня есть этот

<table align="right" cellpadding="0" cellspacing="0"> 
<tr> 
<td class="col-md-4"><a href="file.html"><img src="someImage.png"/></a></td> 
<td class="col-md-8"><a href="file2.html"><img src="someImage2.png"/></a></td> 
</tr> 
</table>

Заранее спасибо.

источник

2014-09-23 Ris

Для Для основного стиля света отступов и горизонтальными перегородками добавьте базовый класс .table к любому

. см. http://getbootstrap.com/css/#tables, в котором также говорится: Создайте гибкие таблицы, обернув любой .table в .table-responseive, чтобы заставить их прокручивать по горизонтали на небольших устройствах (под 768px). При просмотре на большом, чем 768 пикселей, вы не увидите различий в этих таблицах. –

ОК, похоже, вы довольно смущены, поэтому давайте посмотрим: что не работает? чего вы хотите достичь? (и нет, что col -.... внутри таблиц не будет иметь никакого эффекта, если вы не будете обрабатывать элементы tr и table, такие как BS-сетки, но это не поведение BS по умолчанию, так что было бы очень полезно знать, что вы пытаетесь достичь) – Devin

'col -....' внутри таблицы имеют эффект, хотя не так, как предполагается BS, когда вы устанавливаете ширину таблицы (например, на 100%), –

ответ

Попробуйте это:

<table align="right" cellpadding="0" cellspacing="0" class="table table-bordered" > 
      <tr> 
       <td class="col-md-4"><a href="file.html"> 
        <img src="someImage.png" /></a></td> 
       <td class="col-md-8"><a href="file2.html"> 
        <img src="someImage2.png" /></a></td> 
      </tr> 
     </table>

DEMO

источник

2014-09-24 10:05:36

Смежные вопросы