1. ホーム
  2. html

[解決済み] bootstrapでcol-md-1.5を与えることはできますか?

2023-01-13 03:20:28

質問

Twitter Boοtstrapでカラムを調整したいのですが、どうすればいいですか?

bootstrapでは12カラムのグリッドがあるのは知っています。3 3 3ではなく、1.5 3.5 3.5となるようにグリッドを操作する方法はありますか?

どのように解決するのですか?

として bodi0 さんのおっしゃるとおり のように、それは不可能です。Bootstrap のグリッドシステムを利用するか(検索すればいろいろ出てきます。 はこちら は7列の例です)、またはネストされた行を使うかです。 http://bootply.com/dd50he9tGe .

ネストされた行の場合、必ずしも正確な結果が得られるとは限りませんが、似たような結果が得られるかもしれません。

<div class="row">
    <div class="col-lg-5">
        <div class="row">
            <div class="col-lg-4">1.67 (close to 1.5)</div>
            <div class="col-lg-8">3.33 (close to 3.5)</div>
        </div>    
    </div>
    <div class="col-lg-7">
        <div class="row">
            <div class="col-lg-6">3.5</div>
            <div class="col-lg-6">3.5</div>
        </div>    
    </div>
</div>