Q&A
コメントを表示するエリアに、右寄せした状態でユーザー名とコメントした日付を載せたいのですが、
スマホ等では折り返しされてはみ出てしまいます。
対策等あれば教えていただけますか？
![![イメージ説明]WIDTH:293
要素は下記のようにtwitter Bootstrap3 のwellを使用しています。
右寄せはpull-rightで行ってます。
lang
1<div class="well"> 2<p>テストコメント</p> 3<p class="pull-right"><strong>テストユーザーＸＸＸＸＸＸ</strong> 06月20日 10時59分</p> 4</div>
回答1件
0
ベストアンサー
こんにちは
Bootstrapのページ（http://getbootstrap.com/css/）で検索するとわかると思いますが
pull-rightはfloatで右寄せなので要素がでかすぎるとwell指定されたdivをはみ出してしまいます
pull-rightの説明にはご丁寧にも直接使うと色々問題あるから入れ子にして使ってね！とありますし
well指定されたdivをはみ出さず改行にも対応しBootstrapとなるとやはりtext-rightでしょうか
text-rightはtext-align:rightなので単純に要素を右寄せにし上位階層からはみ出ることはないです
投稿2015/06/20 05:09
編集2015/06/20 05:12
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/20 06:38