@zlFast

Как сделать такую простую таблицу на bootstrap?

Помогите, пожалуйста, сделать такую вот простую табличку на bootstrap
  • Вопрос задан
  • 386 просмотров
Решения вопроса 2
@IceJOKER
Web/Android developer
а на bootstrap таблицы по другому что ли строят?

table>tr>td*2 + TAB

<table>
  <tr>
    <td style="text-align: right;">Type: </td>
    <td>MasterCard</td>
  </tr>
</table>
Ответ написан
Комментировать
EreminD
@EreminD
Кое-что умею
Не совсем понятно, какую "такую" табличку надо

В целом, все ж просто
<table class="table">
  ...
</table>


А внутрь накидать
<tr><td></td><td></td>...<td></td></tr>
<tr><td></td><td></td>...<td></td></tr>
...
<tr><td></td><td></td>...<td></td></tr>

сколько надо
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Raxen
@Raxen
TechLead Frontend Developer, Beeline
Вообще по всем вопросам бутстрапа лучше смотреть офф доку Бутстрапа, там примеры есть getbootstrap.com/css/#tables

<table class="table">
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>


Полосатая табличка:
<table class="table table-striped">
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>


Рамочная табличка
<table class="table table-bordered">
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>


Полосатая при наведении
<table class="table table-hover">
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>


Компактная
<table class="table table-condensed">
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>


И все эти таблицы можно миксовать
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы