jQuery Mobile динамическая верстка

Question

Я пытаюсь скопировать макет на страницах документации jQuery Mobile:

пример здесь: http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/pages/docs-pages.html

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

Теперь я знаю, что могу кодировать это в javascript, но мне было интересно, если это то, что jQuery или jQuery Mobile предоставляют бесплатно.

Я просматривал js и css для этой страницы, но, похоже, не могу его найти.

Любая помощь или предложения будут приняты с благодарностью.

Answer 1

Это на самом деле достигается с помощью CSS.

Взгляните на их таблицу стилей:

http://jquerymobile.com/demos/1.0b1/docs/_assets/css/jqm-docs.css

И найдите «content-primary», который является идентификатором меню, о котором вы говорите. У него есть стиль по умолчанию, затем другой, когда min-width> X.

Удачи!