<div="container-fluid"> 在 amp-story 中会做什么?
What will <div="container-fluid"> do in amp-story?
http://whosebug.com/questions//container-fluid-vs-container
https://www.jquery-az.com/bootstrap-container-and-container-fluid-what-is-the-difference/
The .container class is the fixed width container. That does not mean
it is not responsive. It is responsive; however, it is fixed based on
screen size. The screen sizes include:
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)
The container-fluid class will take the full width of the viewport. If
you use the container-fluid and resize the browser, you may notice the
content inside it will adjust with every pixel to take the full
available width.
默认情况下,它什么都不做,因为这不是 amp-story
的一部分。
这个 class 来自 Twitter Bootstrap,所以我在你的问题中添加了 [twitter-bootstrap]
标签。您需要内联 Bootstrap CSS 而不是使用 Bootstrap 组件或 JavaScript。由于这需要内联 ~20kb CSS,因此编写自己的媒体查询可能会更高效。
此外,amp-story
处理响应的方式可能与 Bootstrap 不兼容,因为 amp-story
桌面 UI 有多个较小的 "viewports"浏览器 window,Bootstrap 无法理解。
http://whosebug.com/questions//container-fluid-vs-container
https://www.jquery-az.com/bootstrap-container-and-container-fluid-what-is-the-difference/
The .container class is the fixed width container. That does not mean it is not responsive. It is responsive; however, it is fixed based on screen size. The screen sizes include:
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)
The container-fluid class will take the full width of the viewport. If you use the container-fluid and resize the browser, you may notice the content inside it will adjust with every pixel to take the full available width.
默认情况下,它什么都不做,因为这不是 amp-story
的一部分。
这个 class 来自 Twitter Bootstrap,所以我在你的问题中添加了 [twitter-bootstrap]
标签。您需要内联 Bootstrap CSS 而不是使用 Bootstrap 组件或 JavaScript。由于这需要内联 ~20kb CSS,因此编写自己的媒体查询可能会更高效。
此外,amp-story
处理响应的方式可能与 Bootstrap 不兼容,因为 amp-story
桌面 UI 有多个较小的 "viewports"浏览器 window,Bootstrap 无法理解。