2014-10-05 4 views
0

내 홈페이지 URL은 www.animint.net입니다.부트 스트랩으로 너비가 변경됨 3 사이드 바에 고정 (사이드 바)

내 홈페이지의 레이아웃에 문제가 있습니다.

너비 (사이드 바)가 매우 깁니다.

소스 (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> 

답변

0

입니다. 따라서 부트 스트랩 그리드 클래스를 변경해야합니다.

당신은 메인 컨텐츠 코드 옆 (사이드 바) 코드와 col-sm-9 대신 col-sm-10에 CSS 클래스 col-sm-2 대신 col-sm-3을 넣어해야합니다.

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

</div> 

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

</aside> 

</section> 
+0

감사합니다. 하지만 다른 문제가 있습니다. 바로 옆에 붙이기 (사이드 바)는 모니터 너비에 대해 길다. 모니터 너비에 따라 너비를 고정시키는 방법은 무엇입니까? – Lattekun