1. ホーム
  2. html

[解決済み] ブートストラップにおける2列の間の縦仕切り

2022-03-10 09:07:20

質問

twitter bootstrapを使用しており、2列の行があります(span6)。両方のスパンの間に垂直方向の仕切りを作るにはどうしたらよいでしょうか。

ありがとうございます。 ムルタザ

解決方法は?

もし、あなたのコードがこのようなものであれば。

<div class="row">
  <div class="span6">
  </div>
  <div class="span6">
  </div>
</div>

では、quot;span6"の中にさらにDIVSを使って、コンテンツの保持やスタイル付けをしているのでしょうか。ということは...

<div class="row">
  <div class="span6">
    <div class="mycontent-left">
    </div>
  </div>
  <div class="span6">
    <div class="mycontent-right">
    </div>
  </div>
</div>

つまり、"mycontent-left" クラスにCSSを追加するだけで、仕切りを作ることができるのです。

.mycontent-left {
  border-right: 1px dashed #333;
}