Что <div = "container-liquid"> будет делать в amp-story?

Question

http://stackru.com/questions//container-fluid-vs-container

https://www.jquery-az.com/bootstrap-container-and-container-fluid-what-is-the-difference/

Класс.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)

Класс container-liquid будет занимать всю ширину области просмотра. Если вы используете контейнер-жидкость и изменяете размер браузера, вы можете заметить, что содержимое внутри него будет корректироваться с каждым пикселем, чтобы он занимал всю доступную ширину.

Answer 1

По умолчанию он ничего не будет делать, так как это не является частью amp-story,

Этот класс взят из Twitter Bootstrap, поэтому я добавил [twitter-bootstrap] отметьте свой вопрос. Вам нужно будет включить CSS Bootstrap и не использовать компоненты Bootstrap или JavaScript. Поскольку для этого потребуется встраивать ~20 Кбайт CSS, было бы более эффективно писать собственные медиазапросы.

Кроме того, способ, которым amp-story скорее реагирует на Bootstrap, так как amp-story Пользовательский интерфейс рабочего стола имеет несколько меньших "окон просмотра" в окне браузера, что Bootstrap не поймет.