0

こんにちは、私はこのナビゲーションバーを持っています:

<div data-role="navbar" data-theme="c" >
            <ul>
                <li>
                    <a href="#page1" data-transition="fade" data-theme="b" data-icon="">
                         text
                    </a>
                </li>
                <li>
                    <a href="#page1" data-transition="fade" data-theme="b" data-icon="">
                        text
                    </a>
                </li>
                <li>
                    <a href="#page1" data-transition="fade" data-theme="b" data-icon="">
                         text
                    </a>
                </li>
                <li>
                    <a href="#page1" data-transition="fade" data-theme="b" data-icon="">
                        text
                    </a>
                </li>
            </ul>
      </div>


</div>

デバイスの画面が小さすぎて 3 つのボタンが表示されない場合は、ボタン「メニュー」を追加する必要があります。

このようなもの: http://img30.imageshack.us/img30/8634/o6c5.png

css にルールを追加する必要があることはわかっていますが、方法がわかりません。よろしくお願いします。

4

1 に答える 1

0

Twitterのブートストラップで彼らがどのようにそれを行うかを確認できます. 基本的に、特定の画面サイズのメディア クエリがあり、その方法でページをフォーマットします。

実際、Twitter のBootstrapを統合してみませんか?

それをチェックしてください、それはあなたが望む/必要とするすべてを持っています.

于 2013-09-27T17:29:34.367 に答える