标签: sidebar

我通常只使用黑暗的主题进行编码,因此Sublime Text 3的侧边栏保持光线主题无论你应用什么主题都很烦人.

有谁知道如何改变这个？

我的配置:Mac OSX 10.10.1 Yosemite,Sublime Text 3 Stable Channel,Build 3065

我刚访问了这个页面http://www.elmastudio.de/,并想知道是否可以使用Bootstrap 3构建左侧边栏折叠.

从顶部折叠侧边栏的代码(仅限电话):

<button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse">
    <span class="sr-only">Sidebar</span>
    <span class="glyphicon glyphicon-check"></span>
</button>

补充工具栏本身具有hidden-xs类.使用以下js删除它

$('.sidebar-toggle').click(function(){
     $('#sidebar').removeClass('hidden-xs');            
});

如果单击该按钮,则会从顶部切换侧边栏.很高兴看到侧边栏的行为与上面显示的网站相似.任何帮助表示赞赏!

我一直在寻找一些解决我的粘性侧边栏问题的方法.我有一个特定的想法,我希望它如何行动; 实际上,当你向下滚动时我希望它坚持到底部,然后一旦你向上滚动我想它以流畅的动作(没有跳跃)粘在顶部.我无法找到我想要实现的示例,因此我创建了一个图像,希望能够更清楚地说明这一点:

1. 边栏位于标题下方.
2. 向下滚动时,侧边栏与页面内容保持同一水平,以便您可以滚动浏览侧边栏和内容.
3. 到达侧边栏的底部,侧边栏粘在视口的底部(大多数插件只允许粘到顶部,一些允许粘到底部不允许两者).
4. 到达底部,侧边栏位于页脚上方.
5. 当您向上滚动时,侧边栏与内容保持一致,因此您可以再次滚动内容和侧边栏.
6. 到达侧边栏的顶部,侧边栏会粘到视口的顶部.
7. 到达顶部,侧边栏位于标题下方.

我希望这是足够的信息.我已经创建了一个jsfiddle来测试任何插件/脚本,我已经重置了这个问题:http://jsfiddle.net/jslucas/yr9gV/2/ .

我想知道是否有办法扩展文件中包含的标题下的所有子部分index.rst？

举个例子,它是这样的:

Section 1
Section 2
Section 3

以下是我希望如何:

Section 1
  Subsection 1.1
  Subsection 1.2
  Subsection 1.3
Section 2
  Subsection 2.1
  Subsection 2.2
  Subsection 2.3
Section 3
  Subsection 3.1
  Subsection 3.2
  Subsection 3.3

如果我点击第1部分,它会显示下面的内容,但是如果我点击第2部分,则隐藏第1部分的内容,只显示2.我想在每次进入索引页面时扩展所有2个部分.我试过加toctree和maxdepth,没有什么作品.

我想创建一个带有bootstrap 3的左粘条菜单,如:

http://getbootstrap.com/getting-started/

我已经阅读了给定的文档http://getbootstrap.com/javascript/#affix

我尝试.affix但结果为零.

更新:@Skelly,
谢谢你的好榜样.是的,我想要你的榜样.我下载你的示例html,但下载后,html文件的侧栏在那里不起作用.

fontsize在User Settings窗口中查询仅产生以下设置:

• 编辑窗格,
• 建议小部件,
• 降价预览,
• 综合终端

如下所示:

做同样的sidebar事情会带来更差的结果:

在编辑器窗格和侧边栏中使用不同大小的字体看起来......让我们满意:不太好.我刚刚发现了这个很棒的工具的最大遗漏吗？

几个星期以来,Github wikis在wiki页面右侧提供了一个强制性的侧栏,占用了一些写作空间.例:

我在网上找不到任何按钮或说明来删除此侧边栏.

是否有命令或指令将其移除？

我正在努力完成这个设计: 侧边栏将被固定,但右侧(主要内容)将垂直滚动(如果用户的浏览器窗口较小,则可能水平滚动).实现这一目标的最佳方法是什么？

我尝试使用固定宽度为200px的"固定"侧边栏,然后主要内容的边距为200px.但是,如果用户的浏览器小于主要内容,则边栏会在用户尝试水平滚动时重叠所有内容.

有没有更聪明的方法来实现这一目标？谢谢!

我有这个,但我觉得4对于我的侧边栏宽度太大而且3太小了(它必须加起来为12).

  <div class="col-md-8">
  <div class="col-md-4">

我试过这个,但它不起作用:

  <div class="col-md-8.5">
  <div class="col-md-3.5">

有没有其他方法可以获得类似的结果？

谢谢你的帮助!

我正在寻找一个CSS解决方案来创建一个按钮,使用twitter bootstrap打开和关闭侧边栏.

我喜欢人们在他们的网页上看到的一个小图标,当侧边栏关闭时,它们看起来像拉片,然后在拉出边栏时跟随它 - 这有名字吗？

我已经创建了一个toggleSidebar图标链接来执行此操作,但我有两个问题:

1. 我不能使用float:left或display:inline-block来使用侧边栏浮动它
2. 固定,它创建了一个自己的列...我希望它浮动在主要内容之上.

html:

<div class="container-fluid">
  <div class="row-fluid">
    <div id="sidebar" class="span3 scrollDiv" style="display: none;">
      <!--Sidebar content-->
    </div>
    <div id="content" class="span12">
      <!--Main content-->
    </div>
    <a id="toggleSidebar" href="#" class="toggles"><i class="icon-chevron-right"></i></a>
  </div>
</div>

css:

#toggleSidebar {
  /* float: left; */
  /* display:inline-block; */
  position:fixed;
  display:block;
  left:0;
  top:45px;
  color:#779DD7;
  padding:2px 4px;
}

javascript:

function sidebar(panels) {
  if (panels === 1) {
    $('#content').removeClass('span9');
    $('#content').addClass('span12 no-sidebar');
    $('#sidebar').hide();
  } else if (panels === 2) {
    $('#content').removeClass('span12 no-sidebar');
    $('#content').addClass('span9');
    $('#sidebar').show();
  }
}

$('#toggleSidebar').click(function() …