twitter-bootstrap-3 - 横（サイドバー）のブートストラップ3アフィックスで幅を変更

Question

私のホームページの URL は 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>

Answer 1

if, You want to right side width is small. So, You need to change bootstrap grid class.

You need to put css class col-sm-2 instead of col-sm-3 in aside(sidebar) code and col-sm-9 instead of col-sm-10 in main content code.

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

</div>

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

</aside>

</section>