Вспомогательные таблицы Bootstrap с элементом тела «display: table»

Чтобы мой макет растягивался до полной страницы, я использую Sticky CSS Footers. Этот подход требует, чтобы я установил html Body на «display: table».Вспомогательные таблицы Bootstrap с элементом тела «display: table»

Все работает отлично, за исключением чувствительных таблиц в Bootstrap. Они все еще простираются мимо окна дисплея.

Вот пример: http://jsbin.com/wifomelabu/1/edit?html,css,js,output (минимизировать браузер, чтобы увидеть проблему)

Если убрать «дисплей: стол» из тела он работает нормально.

Есть ли способ заставить реагирующие таблицы работать с элементом тела «display: table»? Или мне нужно найти новый способ растянуть мой макет на полную страницу?

источник

2014-12-17 dochoffiday

Хм. Я НИКОГДА не видел, чтобы 'body' устанавливал' display: table'. Это специально? –

Yup! Он позволяет создавать «строки», чтобы страница могла идти в полную высоту окна браузера: http://pixelsvsbytes.com/examples/sticky-footers-the-flexible-way/simple.html – dochoffiday

Хмм. Просто используйте 'width: 100%', а затем поместите '

' в тело. Я думаю, что ЭТО может быть вашей проблемой ... –

ответ

Использование

td { 
    width: 100px; 
}

вместо

td { 
    min-width: 100px; 
}

Смотрите этот пример http://jsbin.com/jesitabiya/1/

источник

2015-01-02 22:23:33

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