Twitter bootstrap 什么将<;div=";容器液体“&燃气轮机;你喜欢这个故事吗?

Twitter bootstrap 什么将<;div=";容器液体“&燃气轮机;你喜欢这个故事吗?,twitter-bootstrap,containers,amp-html,amp-story,Twitter Bootstrap,Containers,Amp Html,Amp Story,.container类是固定宽度的容器。这并不意味着 它没有反应。它反应灵敏;但是,它是基于 屏幕大小。屏幕尺寸包括: xs for extra small devices (used for less than 768 e.g smart phones, mobile etc.) sm for small screens (From 768 pixels and up e.g. tablets) md for the medium screen (>= 992 pixels. Deskt

.container类是固定宽度的容器。这并不意味着 它没有反应。它反应灵敏;但是,它是基于 屏幕大小。屏幕尺寸包括:

xs for extra small devices (used for less than 768 e.g smart phones, mobile etc.)
sm for small screens (From 768 pixels and up e.g. tablets)
md for the medium screen (>= 992 pixels. Desktops/Laptops)
lg for large screens (>= 1200. Pixels e.g. large desktops)
容器流体类将采用视口的全宽。如果 使用容器流体并调整浏览器大小时,可能会注意到 它里面的内容会随着每个像素的变化而调整,以获得完整的图像 可用宽度


默认情况下,它不会执行任何操作,因为这不是
amp story
的一部分

这个类来自Twitter引导,所以我在您的问题中添加了
[Twitter引导]
标记。您需要内联引导CSS,而不是使用引导组件或JavaScript。因为这需要内联20kb的CSS,所以编写自己的媒体查询可能会更有效

另外,
amp-story
处理响应的方式可能与引导不兼容,因为
amp-story
桌面UI在浏览器窗口中有多个较小的“视口”,引导无法理解