Как сделать таблицу bootstrap занимающей не всю ширину а только столько сколько требуется тексту размещённому в ячейках таблицы. Так ведёт себя обычная таблица в HTML.
Например: http://freelance-desk.com/test.html
Первая таблица имеет аттрибуты class=«table table-bordered». Вторая таблица имеет аттрибуты border=«1» align=«center».
Вторая таблица занимает не всю ширину экрана (контейнера) а только столько сколько требуется для отображения содержащейся в ней информации.
Как бы сделать так что бы стиль таблицы был как у первой таблицы и выглядела она красиво но при этом была бы не во всю ширину а как вторая и располагалась по центру экрана? При небольшом количестве столбцов они растягиваются и в клетках таблицы очень много свободного места что не красиво.
Хотелось бы что бы ширина столбцов именно реагировала на количество текста а не была определена типа width: 100px т.к. неизвестно сколько текста будет добавлено для конкретной записи и как ведут себя экраны с разным разрешением.
