, ここで、cardのlist-groupと、スクロール可能な「非常に多くの単語」を含むcol-6が必要です。, spec によると、設定flex: 1（.main要素上）はflex: 1 1 0と同等で、以下の短縮形です。, ただし、何らかの理由で、flex: 1がコードで期待どおりに機能していません。 （質問ごとに、Chromeでのみチェックしています）。, ただし、.mainに完全な省略形を指定し、フレックスコンテナにしてoverflowを追加すると、レイアウトが機能しているように見えます。, 上記の私の答えは、bodyからスクロールバーを削除し、.mainセクションに垂直スクロールバーを提供します。, .mainセクションの各列で垂直スクロールバーを使用できるようにするには、次の調整を行います。, ブートストラップのcol-lg- *、col-md- *、col-sm- *の違いは何ですか？, Bootstrap 4 flexboxを使用して利用可能なコンテンツを埋める方法は？, Content dated before 2011-04-08 (UTC) is licensed under, https://plnkr.co/edit/Q9PQIj8uDFY80bxJGks, /Bootstrap 4、リストグループを行で、フレックスボックスを使用して、ボディスクロールを使用してまたは使用せずにスクロール可能にする. Bootstrap; viewport について. スクロールスパイ スクロールスパイプラグイン. Scrollspyプラグインは、スクロール位置に基づいてナビゲーションリスト内のリンクを自動的に更新するために使用されます。 スクロールスパイの作成. ート ìイヤ, Áャットワーク Å°‚用 Á®ãƒ­ã‚°ã‚¤ãƒ³ URL, Èイプードル ļ¸ã°ã— Á£ Á±ãªã—, ȇªè»¢è»Š ¹マホ Ûルダー Á©ã“に Å£²ã£ã¦ã‚‹, Ɩ°åž‹ã‚¸ãƒ ãƒ‹ãƒ¼ êフト ¢ップ ŋ•ç”», Éラゴンボール «カロット 2ch. Bootstrap 4、リストグループを行で、フレックスボックスを使用して、ボディスクロールを使用してまたは使用せずにスクロール可能にする Bootstrap 4 を使用しています（現在はalpha-6を使用していま … こんにちは、フリーランスエンジニア兼ライターのワキザカ サンシロウです。 皆さんは、Bootstrapのフォームを使ったことがありますか？ テキストボックス・ドロップダウンリストなど使ってフォームを作りたいときに覚えておくと便利です。 スクロールスパイはメニュー(ナビゲーションバー、またはリストグループ)に応じて本文をスクロールします。また、本文のスクロールを監視し、スクロールに応じてメニューの該当アイテムをアクティブにします。 Sample. .list-group はリストグループを、.list-group-item はその要素を表示します。, .active はアクティブな要素を、.disabled は無効化された要素を示します。,
  • の代わりに や