問題タブ [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.

0 投票する
2 に答える
4526 参照

webpack - bootstrap-material-design パッケージを webpack に追加するにはどうすればよいですか?

Sassに基づくbootstrap-loaderも使用してwebpackでbootstrap-material-designを追加しようとしていますが、結果はありません。

bower-webpack プラグインを使用してロードできますが、bower パッケージも管理せずに npm を使用してより詳細に制御したいと考えています。

0 投票する
1 に答える
661 参照

validation - のブートストラップ マテリアル デザイン イベント リスナーをオーバーライドするエレメント

Angular2ルックアンドフィールに Bootstrap Material Design を使用するコンポーネントがあります

私はAngular2フィールドの変更を追跡するために使用し、コンポーネントのビジュアルを手動で制御したいと考えています。つまり、外側の要素errorに適用することによって状態になっている場合です。class 'has-error'<div>

現在class 'has-success'、Angular2 コントローラー コンポーネントから適用すると、Bootstrap はすぐにclass 'has-error'.

要素のBootstrap MD検証/入力イベントの追跡をオーバーライド/停止するにはどうすればよいですか?<input>

0 投票する
2 に答える
237 参照

css - この拡大されたブートストラップ マテリアル デザインの選択ボックスでテキストがジャンプしないようにするにはどうすればよいですか?

この問題には、理解できないように見えるフィドルがあります。

ブートストラップ マテリアル デザインで選択ボックスのサイズを大きくしようとしています。selectize プラグインを使用しています。

私が使用しているLESSは次のとおりです。

1 つのシナリオを除いて、フィドルのすべてが機能します。1 つのオプションを選択してから 2 番目のオプションを選択すると、最初の選択肢のテキストが少し下にジャンプして、その下の行のすぐ上に表示されます。このジャンプが起こらないようにするにはどうすればよいですか?

0 投票する
1 に答える
639 参照

javascript - jQuery.dropdown と競合するブートストラップ ドロップダウン

ブートストラップ ドロップダウンを手動で切り替えようとしています。このスクリプトは、最近まで機能していました。

ただし、ドロップダウンをクリックしようとすると、次のようになります。

キャッチされないエラー: メソッドの切り替えが jQuery.dropdown に存在しません

Bootstrap 、Bootstrap 3.3.6、および jQuery 2.1.4のマテリアル デザインを使用しています。最近、bootstrap と jquery を含むパッケージを更新したため、この問題が発生した可能性があります。

0 投票する
2 に答える
25186 参照

html - Bootstrap - フローティング アクション ボタン メニューのサイズと影

Bootstrap 3.3 とBootstrap Material Design frameworkでアプリを構築しています。クリックすると開くフローティングアクションボタンを作成しようとしています。

これを行うために、次のコードを持つこのBootplyを作成しました。

ボタンは機能しますが、正しく表示されません。私を夢中にさせている2つの問題があります。まず、ポップアップ メニューが透明ではありません。border取り除けない影のようなものがあります。

次に、 Bootstrap Material Design フレームワークページのフローティング アクション ボタンセクションに示されているように、ボタンの小さいバージョンを使用できません。何が間違っているのかわかりません。

0 投票する
1 に答える
562 参照

laravel - Laravel gulp と elixir のマテリアル デザイン

私はマテリアル デザインhttp://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.htmlを elixer と gulp を使用して Laravel に取り込もうとしています。

終わったよ:

成功しました。マップが に表示されnode_modulesます。それから私はこれを私のapp.scss

そして、私のgulpファイルは次のようになります:

端末で gulp を試すと、次のように表示されます。

私は何を間違っていますか?

0 投票する
1 に答える
2233 参照

jquery - ブートストラップ マテリアル デザインでリップル効果が機能しない

私はfezvrastaによるBootstrapのマテリアルデザインを使用しています。すべての色やその他のビルディング ブロックを使用できますが、ボタン、テキスト ボックスなどへの波及効果が機能しません。

検索バーには、波及効果の下線がありますが、同じ結果が得られません。ボタンやリンクには波及効果がありません。

このcodepenを参照してください。

0 投票する
1 に答える
4731 参照

angularjs - Angular マテリアルと twitter ブートストラップを競合なしで組み合わせる

twitter ブートストラップと角度のある素材を組み合わせたいと思います。ブートストラップ マテリアル デザインを見つけましたhttps://github.com/FezVrasta/bootstrap-material-design

Angular マテリアルは次の宣言を使用します。

ブートストラップ マテリアルの場合、ドキュメント内の宣言は次のようになります。

すべてのリンクを含めると競合が発生しますか? 角度のある素材とブートストラップを組み合わせる方法について、私はかなり混乱しています。

0 投票する
2 に答える
810 参照

ruby-on-rails - Ruby on rails - 材料設計のブートストラップ - シンプルなフォームにチェックボックスを追加する

Ruby on Rails アプリケーションにBootstrap Material Designをインストールしましたが、すべてのアニメーションは正しく機能していますが、チェックボックスが表示されません。チェックボックスの私のコードは次のとおりです。

誰でも私を助けてくれますか?

皆さん、ありがとうございました!