Что будетсделать в amp-story?

Question

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

https://www.jquery -az.com / bootstrap-контейнер-и-контейнер-жидкость-в чем разница /

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

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

Answer 1

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

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

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