問題タブ [material-design-lite]

私はGoogle の Material Design Liteフレームワークの使用を検討していますが、テーブルを含む要素の 100% 幅にまたがる方法を知りたいと思っています:

次の表をご覧ください。

この MDL テーブルをコンテナの 100% に広げるにはどうすればよいですか?

docsから取得したテーブルの例を使用して、このJSFiddleをセットアップしました。

インターネットにアクセスして http 経由で参照できるとは限らないため、素材のフォントとアイコンをローカルで使用するにはどうすればよいですか。誰でも私を助けることができますか？

タブ リンクをフッターに配置し、残りのタブ コンテンツをメイン セクションに配置することは可能ですか? 試してみましたが、タブ リンクをフッターに配置すると、タブ コンポーネントが一緒に動作しなくなります。

MDL を React アプリケーションに統合しています。

固定ヘッダー レイアウト ( http://www.getmdl.io/components/index.html#layout-section )からコンポーネントを作成しようとしましたが、html でレイアウトをハードコーディングすると、次のように機能することに気付きました。期待される。ただし、JS を使用して実行時にその html を生成すると、ハンバーガー アイコンが表示されません。

その問題を解決するにはどうすればよいですか?

実際にangular、ui-router、mdlでアプリを作っているのですが、ビューを変えると入力プレースホルダーが動かなくなりました。

これが私のログインページのコードです（翡翠で）

何か考えはありますか？

ランダムでおそらくばかげた質問 - Material-Design-Lite ブログ テンプレートを Wordpress に完全にインストールできますか? http://www.getmdl.io/templates/blog/index.htmlから完全なテンプレートをダウンロードし、ファイル全体を使用する方法を知りたい....

ありがとう！

Google がリリースしたばかりの Material Design Lite CSS/JS "テンプレート" を使用して、いくつかの Material Design を Angular アプリに振りかけていますが、ボタンのリップル効果がかなり一貫していないことに気付きました。

私のメインアプリビューでは、他のビューで動作しているにもかかわらず、ボタンのリップルがロードされず、他のビューでは最初の 1 つまたは 2 つのインスタンスのみが動作することがあります。例えば、

メインビューには、ボタンの ng-repeat リストが 1 つあります。

代替ビューには、いくつかの静的ボタンがあり、その後にボタンの ng-repeat リストが続きます。

これは悪い習慣か何かですか？これが起こる理由はありますか？

MDL 1.0 ( http://www.getmdl.io/ ) を使用して、ヘッダーを大小の画面でスクロールできるようにしようとしています。ただし、(私の PC のような) 大きな画面でのみスクロールできますが、小さな画面ではスクロールできません。

html は次のとおりです。

ご覧のとおり、ヘッダーはスクロール可能ですが、大きな画面 (PC など) でのみ使用できます。ただし、ウィンドウを小さくしたり、小さな画面で実行したりすると、ヘッダーが固定されてスクロールできなくなります。また、外側の div (メイン div) から を削除すると、mdl-layout--fixed-header小さい画面ではヘッダーが消えます。

大画面と小画面の両方でヘッダーをスクロール可能にする方法はありますか?

コンポーネントのリストを読み、提供されている CSS を読みましたが、選択ボックスについての言及は見当たりません。通常の入力のみです。テキスト、ラジオ、チェックボックス、テキストエリアなど

セレクトボックスでMaterial Design Liteをどのように使用しますか? クラスを通常のテキスト入力に使用すると、途中まではできますが、それは確かに正しくありません。