Twitter bootstrap 小视图上的侧视图_Twitter Bootstrap

Twitter bootstrap 小视图上的侧视图

twitter-bootstrap

Twitter bootstrap 小视图上的侧视图,twitter-bootstrap,Twitter Bootstrap,你好，我不知道怎么解决这个问题，虽然我已经试了好几天了。我想在我迷路的时候我会试着找人帮忙。当我小于sm尺寸时，我的右侧边栏将不可见 <head> <style> @media only screen and (min-width : 768px) { .affix { top: 20px; } } </style> </head> <div class="container">

你好，我不知道怎么解决这个问题，虽然我已经试了好几天了。我想在我迷路的时候我会试着找人帮忙。当我小于sm尺寸时，我的右侧边栏将不可见

<head>


  <style>


  @media only screen and (min-width : 768px) {

  .affix {
      top: 20px;
  }

  }
  </style>
</head>



<div class="container">
  <div class="row">

    <div class="col-sm-9">   
      {{ page.content }}
    </div>

    <div class="col-sm-3">
      <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="20">
        {{ page.sidebar_second }}
      </ul>
    </div>


  </div>
</div>

试试这个：

@media screen and (max-width: 767px) {
  .affix {
    position: absolute;
    width: 100%;
    left: 0; 
  }
}

实际上侧边栏就在那里。它就在一切的下面。我知道你不喜欢网站的链接，但对我来说可能更容易，因为你看不到它，否则没有人会在这里帮助我，因为没有人会这么做。对不起，我只是想知道你希望你的右侧边栏在小屏幕上的位置。嗨，Jyoti，谢谢你的回复。就在内容Jy之后。我开始怀疑这是否是drupal的事情。我加了一个页脚等，但没有用。我可以在内容下看到侧边栏的代码，但它只是不显示自己。我试过50种不同的方法来分类，但都没有用。我整个周末都在做：啊，太棒了，乔蒂，我想这已经完成了任务。我需要多看看，看看你是怎么做到的。非常感谢。嗯，我想当我开始向下滚动时，会有轻微的宽度抖动。这是无关的，但他必须问另一个问题。我可能有一些代码在那里，因为我记得几天前看到它是一个浏览器问题。@Reggondon欢迎你，我没有看到任何轻微的滚动宽度摆动。.我在Chrome和IE上都得到了一个小Jyoti。这还不算太坏，在过去48小时后，真的很受欢迎。我现在可以忍受，等我上车的时候。这真的让我望而却步。因为它，我今天错过了在妈妈家的周日晚餐。我非常感谢你在这方面的帮助。@RegGordon我检查了IE和chrome，没有问题。很遗憾你错过了你妈妈家的晚餐。无论如何，你今天会睡个好觉的