1

我尝试在我的一个 mvc4 项目中使用引导词缀（2.1.0）。如果在滚动 50px 后 .span9 内容向左移动，则 .span3 和 .span9 似乎无法正常工作。

我发现了这一点：文本在向下滚动时移到页面的一侧，但不起作用。将浮点数添加到跨度以某种方式起作用，但不是“响应式”。我认为这必须是一个更好的解决方案。

有人让它工作吗？

这是我的代码（从引导站点复制和粘贴）。我哪里做错了？

<body data-spy="scroll" data-target=".bs-docs-sidebar">
<div class="container">
....
<div class="row">
  <div class="span3 bs-docs-sidebar" data-spy="affix" data-offset-top="50">
    <ul class="nav nav-list bs-docs-sidenav">
      <li><a href="#download-bootstrap"><i class="icon-chevron-right"></i> Download</a></li>
      ....
      <li><a href="#what-next"><i class="icon-chevron-right"></i> What next?</a></li>
    </ul>
  </div>
  <div class="span9">
    ....
    <section id="download-bootstrap">
4

2 回答 2

3

问题解决了。一旦我贴上无序列表，一切正常。不知何故，我明白我必须附加父 div，而不是列表本身。我的错。

于 2012-09-02T08:18:19.993 回答
1

解决此问题的另一种方法是设置导航跨度最小高度 

.span3 {  
    min-height: 1px;  
}

在平板电脑模式下，我还需要将导航设置为不附加：

@media (max-width: 767px) {
    .sidenav.affix {
        position: static;

目前文档中确实没有足够的内容来解释如何使其工作。

于 2012-09-05T07:38:28.700 回答