Twitterをブートストラップとして使用して小さなvCardを作成していますが、ソースを追跡できないという小さな問題が発生しました:)
このリンクをたどると：デモ; 要素がめちゃくちゃになっていることがわかります:)vCardのヘッダーでは、連絡先情報は名前と親指の右側にあるはずですが、その下に押し込まれています。同じことが小さな説明にも当てはまります:)
row-fluid代わりにを使用rowすると問題は解決しますが、モバイルバージョンは流動的である必要がないため、流動的グリッドを使用できません。私は誰かが以前にこの問題に遭遇し、それの原因が何であるかを知っていることを願っています:)
モバイルデバイスでうまく機能させたい場合は、クラスのcssプロパティを実際に検討する必要がありcontent-view-containerます。絶対位置と固定値の幅があるため、「任意の」画面サイズで設計する場合はうまく機能しません。 ..。。
コードにはいくつかの問題があります。
まず第一に、「左に引っ張られた」（クラス名にもタイプミスがあります）および「右に引っ張られた」（「グリッド」の意味が役に立たなくなります...）であってはなりませんspan2。span12
のすべてのスタイルinfo-button-containerは冗長です（ただ保持してくださいmargin-top）
info-button-innerなぜあなたは財産を使っているborder-boxのですか？line-height属性を使用して、プレイの途中でアイコンの位置を修正します
なぜすべてdivをとして設定するのposition:relative; display: block;ですか？ここでは役に立たない...
rowclearfixすでに「クリアフィックス」されているため、クラスは必要ありません