[解決済み] Twitter Bootstrapの<hr>タグが正しく機能しない?
2023-01-31 07:26:45
質問
以下は私のコードです。
<div class="container">
<div>
<h1>Welcome TeamName1</h1>
asdf
<hr>
asdf
</div>
</div> <!-- /container -->
hrタグは、私が期待するようには動作しないようです。線を引く代わりに、このように隙間ができてしまうのです。
どのように解決するのですか?
のcssプロパティが
<hr>
は.
hr {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #EEEEEE -moz-use-text-color #FFFFFF;
border-style: solid none;
border-width: 1px 0;
margin: 18px 0;
}
1pxの横線、ごく薄いグレー、18pxの縦マージンに対応します。
で、なぜなら
<hr>
の中に
<div>
の中にある場合、幅は
<div>
が必要な場合は
<hr>
を全幅にしたい場合は
<div>
を
<div class='row'><div class='span12'>
(適宜閉じタグ)を使用します。
もし、違うことを期待するのであれば、コメントを付けて何を期待するかを記述してください。
関連
-
[解決済み] bootstrapでpanel-bodyの背景色を変更するには?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Twitter Bootstrap 3を使用して列を中央に配置する
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] Twitter Bootstrapでナビバーの色を変更する
-
[解決済み] Twitter Bootstrap Form File Element Upload Button(ファイルアップロードボタン
-
[解決済み] Twitter Bootstrapのモーダルクローズに関数をバインドする
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] Twitter Bootstrap - 行と行の間に上部のスペースを追加する
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] bootstrapでpanel-bodyの背景色を変更するには?
-
[解決済み] BootstrapでNavbarが折りたたまれない
-
[解決済み】Twitter Bootstrapのポップオーバーを外側のクリックで解除する方法は?
-
[解決済み】これらの属性は何ですか。アリア・ラベリングビー`とアリア・ヒドゥン`です。
-
[解決済み] reactjsアプリでbootstrapのcssとjsをインクルードする方法は?
-
[解決済み] BootstrapとjQuery Validationプラグイン
-
[解決済み] bowerでbootstrapを使用する
-
[解決済み] bootstrap 4 responsive utilities visible / hidden xs sm lg not working.
-
[解決済み] Bootstrapでテーブルの上にカーソルを置くと、カーソルの色を変更するにはどうすればよいですか?
-
[解決済み] Bootstrapをバージョン3にアップデートする - どうすればいいの?