gwt-bootstrap - GWT-Bootstrap: 競合する 2 つのレスポンシブ ナビゲーション バー

Question

私は GWT でプロジェクトを行っており、レイアウトに Twitter ブートストラップを使用したいと考えています。そのため、現在 gwt-bootstrap 2.2.1.0 ライブラリを使用しています。1つはヘッダーとして、もう1つはフッターとして、2つのレスポンシブナビゲーションバーが必要です。

画面を縮小すると、ボタンが 1 つに折りたたまれます。そして、それをクリックして、そのナビゲーションバーだけが展開されるようにします。しかし、どちらも拡大します。

最初に HTML、CSS、JavaScript でこれを試したところ、うまくいきました。JavaScript を変更し、ナビゲーション バーに ID を与える必要があったため、JavaScript はどちらを展開するかを認識していました。他の誰かからの JavaScript の質問もここにあります: Bootsrap Page Conflicts の Two Responsive Nav bar

私の質問は、gwt-bootstrap でそれを行う方法です。

Header.ui.xml

<g:HTMLPanel>
            <g:FlowPanel>
                <b:ResponsiveNavbar position="TOP">
                    <b:Nav alignment="RIGHT" ui:field="buttons">
                    </b:Nav>
                </b:ResponsiveNavbar>
            </g:FlowPanel>
        </g:HTMLPanel>

Footer.ui.xml

 <g:HTMLPanel>
            <g:FlowPanel>
                <b:ResponsiveNavbar position="BOTTOM">
                    <b:Nav alignment="RIGHT" ui:field="buttons">
                    </b:Nav>
                </b:ResponsiveNavbar>
            </g:FlowPanel>
        </g:HTMLPanel>