問題タブ [bootstrap-material-design]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - Laravel形式でチェックボックスをスタイリングする
Laravel Forms パッケージを使用してフォーム要素を生成しています。Bootstrap Material design library を使用して、要素を光沢のあるものにしています。
ライブラリ: https://fezvrasta.github.io/bootstrap-material-design/#checkbox
チェックボックスの場合、必要なスタイルを取得できません。マテリアル デザイン スタイルのない通常のチェックボックスが表示されます。
以下は、Laravelビューでの私のコードです。
上記のコードの代わりに、直接 HTML コードを使用すると動作します。以下は、期待どおりに動作するコードです。
Laravel Forms を使用して上記のコードを生成するにはどうすればよいですか?
javascript - Bootstrap Material Design にリップルがない
既存の Bootstrap サイトにbootstrap-material-designテーマを実装しようとしています。
私のmain.blade.phpでは、スタイルシートを示すためにこれを上に置きます。
これはメインのブレード ファイルです。これは、すべてのビューに存在するブレード ラッパー ファイルです。
このメイン ブレードの下部に、ドキュメントの指示に従ってこの JS があります。
ただし、ボタンまたはナビゲーション バーの要素をクリックしようとしても、波及効果はありません。コンソールにもエラーは表示されません。
ボタン クラスにコードを追加する必要はありますか?
編集：
[ネットワーク] タブは次のとおりです。
html - フローティングラベルが入力と混ざるのを防ぐには?
次のコードで単純なテキスト入力フィールドを使用するBootstrap Material design テーマを使用しようとしています。
次のようになります。
しかし、テキストを入力すると、テキストとラベルが混ざり合っています。
floating-label消えてはいけませんか？私は何を間違っていますか？
すべてのヒントは大歓迎です！
[編集2]
これらはすべて私のインポートです<head>：
main.htmlAngularを使用してロードしたもの：
[編集 3] 私にとっては、フィドルも機能しません。Chrome と Firefox の両方で試しました。どちらも最新です。見てみな：
何か案は？
html - Bootstrap マテリアル デザインのドロップダウン ボタンが正しく描画されない
以下のリンクからブートストラップ マテリアル デザインのボタンを使用しようとしています: http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html
上記のリンクから、ドロップダウン ボタンと必要なすべての CSS と JavaScript をダウンロードしました。サンプルのドロップダウン ボタンをテストしようとすると、正しく描画されません。以下は、サンプルの HTML コードと出力です。
私は自分が欠けているものを見つけることができません。私はネットから答えを見つけようとしましたが、何も見つかりませんでした! だから私はここに投稿しています。
css - ブートストラップ マテリアル デザインから既存のプロジェクトに特定の入力スタイルを統合する方法は?
https://github.com/FezVrasta/bootstrap-material-designで定義されているスタイルの一部、つまりカスタム ブートストラップ スタイルが適用された既存のテーマの入力のみを統合しているときに、いくつかの問題に直面しています。
less ファイルでは、このような入力 less ファイルと、それが適切に機能するために必要な変数と mixin をインポートしています。
そしてjsファイルで、入力を初期化しています:
しかし、正しく表示されません。fi: フォーカス時に色付きの境界線が表示されません。
これを適切に機能させるためのアイデアはありますか?
twitter-bootstrap - Laravelはブートストラップスタイルを見つけることができません
https://github.com/FezVrasta/bootstrap-material-designからブートストラップをインストールしようとしています。しかし、私が指示に従うと、うまくいきません。css、fonts、js の 3 つのマップを public フォルダーに配置しました。これは私の master.blade ビューです:
angularjs - ブートストラップ マテリアル フルパレット
Angular アプリケーションにブートストラップ マテリアル デザインのフルパレットを追加したいと思います。
「grunt build」を行っているとき、このファイル material-fullpalette.min.css が dist で機能しません (index.html に手動で追加しました)。
cssファイルのすべての色を使用できるようにするにはどうすればよいですか?
css - Yii2 でブートストラップ マテリアル デザインを使用した後、波紋効果が機能しない
yii2 の高度なアプリで Material Ripple を使用するために、このチュートリアルを使用しようとしています。
Test.htmlボタンとエフェクトと波紋では機能していますが、私のアプリYii2ではライブラリには波及効果がありません。
これは私のcssと他のファイルです:
マテリアル アセット:
この問題を解決するには？