[解決済み] ブートストラップにおける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;
}
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] margin-block-startとmargin-topの違いは何ですか?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] twitterのbootstrapで五等分の列を作る
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ラジオボタンの代わりに画像を使用する
-
[解決済み] CSS - display: none; が機能しない
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするのですか?
-
[解決済み] SRCとHREFの違い
-
[解決済み] ionic 4でion-buttonをセンタリングする方法は?[重複しています]
-
[解決済み] Angular 2+のテンプレートで値を表す三項演算子
-
[解決済み] 順序なしリストが div 内で左いっぱいに整列されない
-
[解決済み] デフォルトで空白を選択
-
[解決済み] HTML CSS インビジブルボタン
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました