宽度变化与bootstrap 3附加在旁边(侧边栏)

时间:2014-10-05 06:48:12

标签: twitter-bootstrap-3 width response affix dokuwiki

我的主页网址是www.animint.net。

我的主页布局有问题。

右边的宽度(侧边栏)非常长。

如何更改来源(css,js等)?

旁边(侧边栏)来源是......

<aside id="dokuwiki__aside" class="col-sm-3">
<div class="sidebar" data-spy="affix">
<!-- TOC START -->
<div id="dw_toc" class="panel panel-default">
<div class="panel-heading"><h3 class="panel-title" data-toggle="collapse" data-target="#toc_contents">목차<b class="caret"></b></h3></div>
<div id="toc_contents" class="collapse in"><div class="panel-body">
...
</div></div></div>
<!-- TOC END -->
<div class="box round green" style="width: 95%; ">
...
</div>
</div>
</div>
</div>
</aside>

1 个答案:

答案 0 :(得分:0)

如果,你想要右侧宽度小。所以,你需要改变bootstrap网格类。

您需要在主要内容代码中将css类col-sm-2代替col-sm-3放在旁边(侧边栏)代码中,而col-sm-9代替col-sm-10

<section class="wrapper row">
<div id="dokuwiki__content" class="col-sm-10">

</div>

<aside id="dokuwiki__aside" class="col-sm-2">

</aside>

</section>