bootstrap таблица рвёт трёхколоночный макет

[delias]

Прошу помощи с Twitter Bootstrap.

Макет примерно такой:

<div class="container-fluid">
        <div class="row-fluid" >
          <div class="span2" >
            <!--Sidebar content-->
          </div>
          <div class="span7 well">
          <!--Таблица, которая шире колонки-->
              <table class="table table-striped">
              ....
              </table>
          </div>
	  <div class="span3">
          <!--Right-Sidebar content-->
          </div>
        </div>
</div>

На широкоформатный мониторах всё ок, но стоило открыть на разрешении 1024х768 - как появилась проблема, таблица вылезла за края... т.е. она не ужимается под размер, а живёт своей жизнью в колонке. Прописывать принудительный размер тоже не сильно хочется, желательно чтоб она резиновая была.

Прошу совета бывалых. Спасибо!

[npofopr]

Таблица на то и таблица. Она сама не умеет ужиматься, вернее не умеет сама прятать контент внутри себя, да вроде и никто не умеет.

А у вас скорее всего из-за контента и распирает.

ЗЫ: делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него

Edited October 29, 2012 by npofopr

[gibigate]

ЗЫ: делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него

И как же он бутстап туда засунет, по сабжу попробуйте добавить класс table-condensed, он уменьшает плотность таблицы

[npofopr]

ЗЫ: делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него

И как же он бутстап туда засунет, по сабжу попробуйте добавить класс table-condensed, он уменьшает плотность таблицы

Что сложного указать ссылку на css? Что сложного скопировать?

[delias]

table-condensed помогло.

вот ссылка , может ешё что можно придумать (умышленно table-condensed убрал для чистоты эксперимента)

http://jsfiddle.net/GF9xy/9/embedded/result/

[npofopr]

Вам надо идти в сторону адативизации таблицы

[delias]

Спасибо за помощь npofopr и gibigate - ценные советы!

[delias]

Вам надо идти в сторону адативизации таблицы

Предложение хорошее, но меня скорее бы устроил просто горизонтальный скролл, который бы появился на странице для перемещения в окне браузера. Хотя с другой стороны это перечит принципам резиновой вёрстки. Просто не хочется заморачиваться с адаптивной вёрсткой - сайт не предназначен для мобильных браузеров по большому счёту.

[gibigate]

добавьте родителю style="overflow-x:scroll;"