2015年7月2日木曜日

Bootstrapの印刷時のレイアウト

Bootstrap3を使っているけど、印刷時にスマホのレイアウトになってしまうらしい。

1行に3つコンポーネントがあると、3行になるイメージ。


下記を適用すると解消はするけど、コンポーネントが多いと一部文字列が切れたり…
https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd


どっちが良いんだろうな。。。
ちなみに適用するときは、
.col-sm-1, .col-sm-2 の部分を適宜 .col-md-1, .col-md-2, というふうに自分が使ってるクラスに合わせる必要あり


0 件のコメント:

コメントを投稿

注: コメントを投稿できるのは、このブログのメンバーだけです。