1

私はブートストラップ接辞jsプラグインを使用していますが、それはうまく機能します。私が抱えている問題は、カスタムフォント（Google：Lato）を使用するように本文を変更すると、アンカーの位置が完全にずれてしまうことです。

接辞リンクはページ上の不適切な位置につながり、スクロール時にページが接辞サイドバーと整列しなくなります。常に100px程度ずれています。

すなわち。

body { font-family: 'Lato', helvetica, arial, sans-serif; color: #221e1e; font-weight: 300; line-height: 150%; }

新しい小さいフォントや行の高さを補う別の方法があると確信していますが、見つかりませんでした。

体全体の線の高さを300とすると、間隔がひどいことを除けば、問題なく機能します。そこで、アンカーを保持しているタイトルのみの行の高さを調整しようとしました。

h2 .mw-headline { line-height: 330%; }

そして、それは最初のリンクでまだオフになっていて、一種のハックのように感じることを除いて、ほとんど機能します。これを処理する適切な方法があると確信していますが、それが何であるかはわかりません。

4

1 に答える 1

1

less または sass を使用している場合は、おそらく Bootstrap のカスタム変数を使用してこれを修正できます。

あなたの場合、それは次のようになります：

@baseFontFamily: 'Lato', helvetica, arial, sans-serif;
@textColor: #221e1e;
@baseLineHeight: 20px;

ここでより多くの変数を見つけてください: http://twitter.github.com/bootstrap/customize.html

于 2012-10-26T11:13:52.067 に答える