[ 解決済 ] ブロックの幅と位置の調整

枠線ボックス自体の幅を80%指定した上でセンタリング

それに近いことは、枠線ボックスの 追加 CSS クラス に w-75 と指定すればできます。
たぶん、これがいちばんお手軽なやり方だと思いますが、
このやり方は w-25 w-50 w-75 w-100 の4つしかバリエーションがありません。

https://getbootstrap.jp/docs/4.1/utilities/sizing/

カラムブロックを使うなら、3カラムにしてそれぞれのカラム幅を
10% 80% 10%
と指定して、2番目のカラムに枠線ボックスを入れればできそうです。

【追記】カラムブロックだと画面幅によっては期待通りにならないですね。

ブレークポイントごとに幅を指定できたり…

ブロックの複合利用でそれができるかどうかよくわかりませんが、
できたとしても、裏技・力技的で、用途が限定的になる予感がします。

ブレークポイントのことまで考えるなら、CSS で調整する方が結果的に楽ができると思います。

• この返信は3年前に対馬 俊彦が編集しました。理由: 【追記】

たぶん…

枠線ボックスがコンテナ幅いっぱいに表示されるため、
画面幅が大きい端末で表示したときに間延びしたかんじになるので、
その見た目をなんとかしたい

ということなのだと推測します。

ご質問の意図には沿いませんが、やはり CSS で調整するのがよいと思います。

以下、CSS を使った調整例です。

1. グループブロックの 追加 CSS クラス に mw-800 を指定する。

2. 以下の CSS を追加する。

.mw-800 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

3. グループブロックに枠線ボックスを入れる。

800 の部分をお好みで調整してください。

このやり方は枠線ボックス以外のブロックにも使えて汎用性があります。

最初の たぶん… の通りであれば、これでご希望に近い結果になるのではないかと。

【以下、追記です】

追加 CSS クラス を毎回指定するのが面倒であれば、上記のやり方で作った組み合わせパターンを VK ブロックパターン に登録しておくとよいです。