問題タブ [bootstrap-grid]

2 つの質問があります: 1. $container-max-width Bootstrap 変数は何に使用されますか? 2. 次の解決策が必要な場合、変数をオーバーライドするにはどうすればよいですか?

メイン コンテンツとサイドウィジェットを同じ行に配置したい。ブートストラップ グリッドに関する私の知識で、これを機能させようとしましたが、サイドウィジェットはコンテンツの下にスタックされており、サイドにはスタックされていません。必要なスニペットは次のとおりです。

body.html

nav.html

私の {% ブロック コンテンツ %}

私の {% Sidewidget %} ブロック

微調整を試みましたが、何も機能していないようです

次のようなページが必要です。

以下に示すように、ブートストラップ 4.1 を使用して複製したスクリーンショットがあります。

これはそのためのフィドルですが、画像が互いに非常に近いため、まだ適切に配置されていません。

上記のスクリーンショットを複製するためにフィドルで使用した HTML コードは次のとおりです。

問題文：

上記のスクリーンショットを複製するために、ブートストラップ グリッド システムをどのように使用できるのか疑問に思っています。5 つの画像があるため、5 つの画像のリストを 12 の合計に分割する方法がわかりません。