1

text-size: 180px;Twitter Bootstrap Media Objectで Font Awesome アイコン (適用済み) を使用しようとしています。具体的には、メディア オブジェクトの画像を Font Awesome アイコンに置き換えようとしています。

ただし、ページを開くと、アイコンが上に移動し、メディア オブジェクトの上部で切り取られます。

Stack Overflow で検索してみましたが[font-awesome] [twitter-bootstrap] cut off、2 つの結果が返されましたが、どちらも役に立ちませんでした。<i>また、タグ自体と親の両方に負のマージンを設定しようとしましたが<div>、どちらもうまくいきませんでした。

また、JSFiddle を作成しようとしましたが、うまくいかなかったので、私のサイトはhttp://strugee.github.com/textingwhiledriving/spreadtheword.htmlでオンラインになっています。

4

1 に答える 1

2

line-height: 20px;スタイルが関連付けられている( <body>bootstrap.min.css から継承)

.socialiconに変更した場合

.socialicon {
  font-size: 180px;
  margin-bottom: 100px;
  line-height: 180px; /* or whatever height you desire */
}

アイコンはクリップされません

于 2012-11-18T14:19:49.053 に答える