問題タブ [material-design-lite]

レイアウト コンポーネント ページの mdl タブバーを使用しています。

タブ/パネルの両方で「is-active」クラスを追加/削除する必要がありますか、またはプログラムでタブを選択する簡単な方法はありますか?

Bootstrap Sticky Footer と Navbarを使用するサイトを構築しています。しかし、Google がマテリアル デザイン ライトライブラリを最近リリースしたので、サイトの一部にカードを使用したいと考えています。しかし、MDL ライブラリ (CSS のみで他に変更はありません) を含めるとすぐに、スティッキー フッターが奇妙な動作をします。フッターはビューポートの下部に設定されますが (そのウィンドウの高さに関係なく)、そこに固執します。上にスクロールすると、それも上にスクロールします。

実際にフッターやボディなどを調べてみると、マテリアルデザインのCSSからレイアウトに影響を与えているものは見当たりません。何かが明らかにそうですが、私はそれが何であるかについてかなり固執しています。(機能することを確認するには、material-lite.css への参照を削除します。現在、スニペット内で壊れています。)

マテリアル デザイン ライト チェックボックスを使用しており、JavaScript を使用して要素をチェックまたはチェック解除しようとしています。私はこれを試しました：

それは機能しません。私はjQueryで同じアプローチを試みました：

それもうまくいきませんでした。どんな助けでも大歓迎です。

以下の 2 つのリンクを参照してください。

成功例

失敗例

リンクの 1 つにメニュー アイコンが表示されないことに注意してください。アプリケーションを初期化するために Material Design Lite をロードする必要があるかどうかを知るために助けが必要です。

Material-Design-Lite で遊んでいて、スタイルをオーバーライドしたいのですが、うまくいきません。mdl-navigation__link実際にあるパディングを変更したいとしましょ16px 40pxう0px。

カスタム スタイル シートのプロパティをオーバーライドしましたが、成功しませんでした。ただし、他のいくつかのスタイルが適用されます。

ボーダーは適用されますが、パディングは適用されません。そして、Web開発ツールに、私が決して含めないために、私のパディングプロパティが無視されている（取り消し線）ことがわかりstyleguide.cssます！

それstyleguide.cssはjavascriptファイルに含まれていると思います。したがって、カスタム パディングを適用する唯一の方法は、それを としてマークすること!importantです。

styleguide.cssプロパティをオーバーライドするよりクリーンな方法ですか?

編集： ここにコードペンがあります： http://codepen.io/anon/pen/ZGjYqo

Google のMaterial Design Liteライブラリを使用して、画面の中央に配置された簡単なログイン フォームを探しています。

私は何度も繰り返してきましたが、これが私が思いついた最高のものです：

すべての画面サイズで中央揃えのフォームを実現するより良い方法はありますか?

気分の 悪いdivは本当に不機嫌です！