LINUX.ORG.RU

Сделать таблицу bootstrap занимающей не всю ширину а только столько сколько требуется тексту

 , , ,


0

1

Как сделать таблицу bootstrap занимающей не всю ширину а только столько сколько требуется тексту размещённому в ячейках таблицы. Так ведёт себя обычная таблица в HTML.

Например: http://freelance-desk.com/test.html

Первая таблица имеет аттрибуты class=«table table-bordered». Вторая таблица имеет аттрибуты border=«1» align=«center».

Вторая таблица занимает не всю ширину экрана (контейнера) а только столько сколько требуется для отображения содержащейся в ней информации.

Как бы сделать так что бы стиль таблицы был как у первой таблицы и выглядела она красиво но при этом была бы не во всю ширину а как вторая и располагалась по центру экрана? При небольшом количестве столбцов они растягиваются и в клетках таблицы очень много свободного места что не красиво.

Хотелось бы что бы ширина столбцов именно реагировала на количество текста а не была определена типа width: 100px т.к. неизвестно сколько текста будет добавлено для конкретной записи и как ведут себя экраны с разным разрешением.


Надо смотреть определение классов class=«table table-bordered»

anonymous
()
.table {

    width: 100%;
    margin-bottom: 20px;
}

Тебе что-то не понятно еще?

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.