« [Ruby] Ruby技術者認定 Gold 2.1 | トップページ | [Ruby][Rails] Rails で DB と連携しない model を作る »

2015年7月26日 (日)

[Bootstrap] dl-horizontal

次のようなslimがあるとBootstrapは、期待通りの配置をしてくれる。


.container
dl
dt 見出し1
dd 説明1
dt 見出し2
dd
dl.dl-horizontal
dt 見出し2-1
dd 説明2-1
dt 見出し2-2
dd 説明2-2

が、次だと "説明2-1" だけ、期待した通りに配置してくれない。


.container
dl.dl-horizontal
dt 見出し1
dd 説明1
dt 見出し2
dd
dl.dl-horizontal
dt 見出し2-1
dd 説明2-1
dt 見出し2-2
dd 説明2-2

試しに scss ファイルに


dl {
dl {
clear: both;
}
}

と書いたら、それっぽくなった。

|

« [Ruby] Ruby技術者認定 Gold 2.1 | トップページ | [Ruby][Rails] Rails で DB と連携しない model を作る »

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: [Bootstrap] dl-horizontal:

« [Ruby] Ruby技術者認定 Gold 2.1 | トップページ | [Ruby][Rails] Rails で DB と連携しない model を作る »