問題タブ [bootstrap-5]

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 に答える
300 参照

css - フレックス コンテキスト内でブートストラップ レスポンシブ テーブルが機能しない

フレックスボックスに基づくサイドバー ( <aside>) とメイン コンテンツ ( ) を備えた単純なレイアウト (常にブラウザー ウィンドウの幅 100%) が必要です。<main>サイドバーの幅は一定で、メイン コンテンツの幅は可変 (ブラウザの残りの幅) です。

メインコンテンツ内に大きなテーブルがあり、レスポンシブテーブルを使用して、テーブルコンテナーでのみ水平スクロールを取得したいと考えています。しかし...うまくいきません。ウィンドウ全体の水平スクロールを取得しました。

例: https://jsfiddle.net/cichy380/q34p5j1u/

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

twitter-bootstrap - Bootstrap 5 navbar が空白でレンダリングされない

Bootstrap では、navbar内にclass: container-fluidがあり、このコンテナーはフレックスボックスであり、justify-content: space-betweenプロパティがあります。

クラス: container-fluid要素は「space-between」プロパティを適用せず、flex-start のように配置されますか?

ブートストラップ navbar レンダリング

正しいレンダリングは

navbar render あるべき姿

説明とそれを修正する方法は何ですか。

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

html - 列内の要素の重複を回避しますか?

私は現在、ブートストラップグリッドシステムをいじっています。ちょっと理解できますが、列内の要素の幅を変更すると、ブラウザーのサイズを変更すると重なります。

ブラウザのサイズを変更するときにカードをレスポンシブにしようとしていますが、カードを重ねずにサイズも変更したいと考えています。

幅を変えるとこんな感じ

これは、それがどのように見えるべきかです

それが私が今やっている方法です:

ちょっとそれにこだわった。助けてくれてありがとう。