9

bootstrap3 は、sharethis アプリ ウィジェットとの互換性の問題があるようです...

{ -webkit-box-sizing: ボーダーボックス; -moz-box-sizing: ボーダーボックス; ボックスサイズ: ボーダーボックス; } デモを 参照 http://gurroladesign.com/bootstrap3/

以前のバージョンのブートストラップには存在しない互換性の問題 http://gurroladesign.com/bootstrap/starter-template.html

解決できていませんか？どんな助けでも大歓迎です

4

1 に答える 1

13

コード (スパン タグ) をコンテナーにラップし、css box-sizing プロパティをcontent-boxこのスパンにリセットします (参照: Twitter の Bootstrap 3 で欠落している AddThis カウンターの右の境界線):

あなたのhtml：

<div id="sharethis">    
  <span class='st_sharethis_hcount' displayText='ShareThis'></span>
  <span class='st_facebook_hcount' displayText='Facebook'></span>
  <span class='st_twitter_hcount' displayText='Tweet'></span>
  <span class='st_linkedin_hcount' displayText='LinkedIn'></span>
  <span class='st_pinterest_hcount' displayText='Pinterest'></span>
  <span class='st_email_hcount' displayText='Email'></span>
</div>

css (Bootstrap CSS の後に追加):

#sharethis span
{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
于 2013-08-14T20:44:00.050 に答える