css - 新しい twitter-bootstrap レスポンシブ列サイズの作成

Question

Atm col-lg、col-md、col-sm、col-xs を使用しています

col-xs が幅 768px に設定されていると思います。

たとえば、新しい col-xxs またはそれより小さいものを作成するにはどうすればよいですか。幅480px?

Answer 1

まったく同じニーズがあり、なぜ今までそれがなかったのか疑問に思いました. これは、それに関するかなり詳細な議論です。

https://github.com/twbs/bootstrap/issues/10203

そして、Jakobud here からの最も有用な要旨を見つけました。

https://github.com/twbs/bootstrap/issues/10203/#issuecomment-42162250

要点;

SCSS: https://gist.github.com/Jakobud/c057577daddbde4dd709

少ない: https://gist.github.com/wdollar/135ec3c80faaf5a821b0

LESS バージョンについて話すことはできません。私は Sass バージョンを使用しましたが、非常に優れていました。

Answer 2

残念ながら、@ 4dgaurav の回答は、Bootstrap の LESS ソースを操作するときに新しいブレークポイントを導入するには不十分です。変数をオーバーライドするためのコードがさらにあります。

LESS を使用している場合は、次の 2 つの追加のブレークポイントを使用できます (テスト済み!): https://github.com/brgrz/bootstrap-breakpoints

HTH