【问题标题】:width change with bootstrap 3 affix in aside(sidebar)使用 bootstrap 3 词缀更改宽度(侧边栏)
【发布时间】:2014-10-05 06:48:12
【问题描述】:

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

我的主页布局有问题。

右侧(侧边栏)的宽度很长。

如何更改源(css、js 或等...)?

Aside(sidebar) 来源是...

<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>

【问题讨论】:

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


    【解决方案1】:

    如果,你想右边宽度小。所以,你需要改变引导网格类。

    您需要将 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>
    

    【讨论】:

    • 感谢您的评论。但我还有其他问题。右侧的词缀(侧边栏)长约显示器宽度。如何通过显示器宽度固定宽度?
    猜你喜欢
    • 2015-01-12
    • 2023-03-30
    • 1970-01-01
    • 2014-07-15
    • 1970-01-01
    • 2017-07-09
    • 1970-01-01
    • 1970-01-01
    • 2013-09-12
    相关资源
    最近更新 更多