小编And*_*son的帖子

我的字体做的很奇怪.似乎在字体下面添加了空格(不是边距),将其推高到行高以上.如果我调整高度,它似乎固定在线高的底部,所以不是增加下面的空间而是实际上将字体的顶部推到线高以上.有没有办法,保存添加边距或填充到顶部,以确保它锚定到行高或中间的顶部？

CSS:

@font-face {font-family: 'AvenirLTStd-Book';src: url('/us/_media/font/2CA9EF_0_0.eot');src: url('/us/_media/font/2CA9EF_0_0.eot?#iefix') format('embedded-opentype'),url('/us/_media/font/2CA9EF_0_0.woff2') format('woff2'),url('/us/_media/font/2CA9EF_0_0.woff') format('woff'),url('/us/_media/font/2CA9EF_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Black';src: url('/us/_media/font/2CA9EF_1_0.eot');src: url('/us/_media/font/2CA9EF_1_0.eot?#iefix') format('embedded-opentype'),url('/us/_media/font/2CA9EF_1_0.woff2') format('woff2'),url('/us/_media/font/2CA9EF_1_0.woff') format('woff'),url('/us/_media/font/2CA9EF_1_0.ttf') format('truetype');}

h1,h2,h3,h4,h5,h6 {
    font-family:'AvenirLTStd-Black', Arial, sans-serif;
    margin-top: 0;
    font-weight: normal;
    line-height: 1em;
    color: inherit;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    letter-spacing:1px;
}

我正在尝试创建一个类似于Twitter bootstrap文档中的侧边栏:http://twitter.github.com/bootstrap/getting-started.html

我已经有了词缀工作,但除非你滚过数据偏移,否则栏会崩溃,因为它没有.

HTML

<div class="span3">
          <ul data-spy="affix" data-offset-top="255" class="nav nav-tabs nav-stacked docs-sidebar" id="navbar">
            <li><a href="#grid">Grid system <i class="icon-chevron-right pull-right"></i></a></li>
            <li><a href="#fluidGridSystem">Fluid grid system <i class="icon-chevron-right pull-right"></i></a></li>
            <li><a href="#layouts">Layouts <i class="icon-chevron-right pull-right"></i></a></li>
            <li><a href="#responsive">Responsive design <i class="icon-chevron-right pull-right"></i></a></li>
          </ul>
          <p></p>
       </div>

减

    // For Affix plugin
.affix {
  position: fixed;
  top: (@navbarHeight * 1.8) + @navbarPadding + 25px;
}

.docs-sidebar {
    width: (@gridColumnWidth * 4);
}

这使得侧边栏成为固定的span4宽度,但不会使其响应.我如何确保它具有响应性？

我正在尝试按照本教程创建一个简单的gh-pages博客,但我是我的帖子区域一直空白.有什么理由会发生这种情况吗？

这是gh页面:http: //ajrdesign.github.io/Readable/

这是代码的回购:https: //github.com/ajrdesign/Readable/tree/gh-pages