問題タブ [twitter-bootstrap-4]

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 投票する
1 に答える
3961 参照

css - Bootstrap 4 のカード列からガターを削除します

.card-columnsBootstrap 4 のコンテナの列と行の間のガターをどのように削除しますか?

0 投票する
3 に答える
87 参照

html - Bootstrap のナビゲーション リンクが場違いです

ナビゲーションバー (bootstrap 4 css を使用) があり、3 つのリンクと 1 つのブランドがあります。

これらはすべて一列に並んでいると思いますが、何らかの理由であちこちに散らばっています。

これは次のようになります。

ここに画像の説明を入力

そして、ここに私の現在のコードがあります:

私は proxima nova をフォントとして使用しています。

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

javascript - ブートストラップ 4 テザー配置

位置についてはtether.jsを使用するBootstrap 4ですが、「上」「右」「下」「左」の4つの位置しかサポートしていません.12のテザーをサポートするより多くのオプションに拡張するにはどうすればよいですか? たとえば、「左上」または「右上」

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

twitter-bootstrap-3 - ブートストラップアルファまたは安定?

私は Bootstrap と Django を初めて使用するので、Bootstrap 3 に固執するか、Bootstrap alpha を使用するかを考えていました。どう思いますか?もう 1 つは、同じサイトで 3 と 4 の両方を使用できますか、それとも問題がありますか? ご意見ありがとうございます。

0 投票する
3 に答える
799 参照

aurelia - JSPM / Aurelia / Bootstrap 4 で jQuery が見つからない

だから私はjspmを使ってaureliaをセットアップしています。Bootstrap 4 を次のようにインストールしました。

jspm install npm:bootstrap@4.0.0-alpha.2

次に、main.js で次のことを行いました。

私も試してみimport $ from 'jquery'ましたが、BS4 で aurelia スケルトンをスピンアップすると、次のようになります。

コンソールに移動して $ を実行すると、jquery が返されます。競合状態だと思いますが、修正方法がわかりませんか?

編集: System.config

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

html - Bootstrap 4 : 折りたたみ可能なコンテンツを制御するには?

Bootstrap 4 で折りたたみ可能なコンテンツを制御するには?

たとえば、このナビゲーション バーは次のようになります。

ここに画像の説明を入力

ここに画像の説明を入力 ここに画像の説明を入力

このデモのステータスを制御したい。
具体的には、
ステータス2では、検索通知が改行ではなく、1行のままであることを望みます。
ステータス 3,検索インフォームと navbar-brand が消えないようにしたいのですが、ulメニューだけが消えます。

どうやってするの?

コード:

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

javascript - why sideNav function is not working in bootstrap

I am implementing Bootstrap navbar but it's not displaying fine and displaying an error on my console saying

enter image description here

I tried to change the orders of my script sin head section but didn't get rid of this problem. Anyone help me in finding out my mistake?

Code

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

flexbox - Flexbox を使用して Bootstrap 4 でネストされたグリッドを使用する方法

フレックスボックスでBootstrap 4 CSS を使用していますが、ネストされたグリッドに問題があります。ネストされたグリッドは、フレックスボックスのない Bootstrap 4 で期待どおりに機能しますが、フレックスボックスが使用されると、要素が水平に配置される代わりに積み重ねられます。このコード:

このビューを作成します。

編集: 奇妙なことに、2 列目のフィールドセットを div に変更すると、レイアウトは期待どおりに機能します。ただし、要素の計算された高さ以外に、フィールドセットと div の間に意味のある css の違いは見つかりませんでした。レイアウトを壊すのはフィールドセットについて何ですか??

残念ながら、cdn 経由で利用できる Bootstrap 4 css のバージョンはフレックスボックスが有効になっていないため、jsfiddle を作成できません。

0 投票する
3 に答える
4038 参照

twitter-bootstrap-4 - 列と同じ高さ

私はブートストラップ 4 を使用していますが、同じ高さのすべての列を残す方法を知りたいですか? 可能であれば、flexbox を使用せずに古いブラウザと互換性を持たせてください (bah!)。

ありがとうございました