Я использую bootstrap в приложении и как вы можете видеть (ниже) при печати браузера (слева) использует очень маленькую ширину при печати (справа), так что адаптивная компоновка перемещает все правильные элементы сайта под левой стороной, а версия для печати не помещается на одной странице.
Знаете ли вы, как заставить браузер поддерживать правильную ширину?
Спасибо,
Римо
.
У меня была очень похожая проблема.
Обеспечение отзывчивого css разрешено только для media="screen".
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
Для Bootstrap 3 это решило мою проблему:
@media print {
.container {
width:100%;
}
}
Избавление от отзывчивого стиля - это ответ! спасибо большое!
Я использую rails twitter bootstrap, который перекомпилирует меньше источников, поэтому просто небольшое примечание, чтобы сказать, что оно работает так же (первая строка bootstrap_and_overrides.css.less):
@import "twitter/bootstrap/bootstrap.less";
@media screen {
@import "twitter/bootstrap/responsive.less";
}
oops: edit, он отлично работает в разработке, но при возникновении ошибки при компиляции для производства... нужно было создать 2 различных файла bootstrap_and_overrides для экранной и печатной версии (ищет более чистое решение)