Ширина загрузки бутстрапа

Я использую bootstrap в приложении и как вы можете видеть (ниже) при печати браузера (слева) использует очень маленькую ширину при печати (справа), так что адаптивная компоновка перемещает все правильные элементы сайта под левой стороной, а версия для печати не помещается на одной странице.

Знаете ли вы, как заставить браузер поддерживать правильную ширину?

Спасибо,

Римо

Valid XHTML.

Ответы

Ответ 1

У меня была очень похожая проблема. Обеспечение отзывчивого css разрешено только для media="screen".

<link href="assets/css/bootstrap-responsive.css" rel="stylesheet" media="screen">

Ответ 2

Для Bootstrap 3 это решило мою проблему:

@media print {
  .container {
    width:100%;
  }
}

Ответ 3

Избавление от отзывчивого стиля - это ответ! спасибо большое!

Я использую 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 для экранной и печатной версии (ищет более чистое решение)