2017-09-14 19 views
1

안녕하세요, 저는이 sb-admin2 부트 스트랩 템플릿을 다운로드 한 html을 디자인하려고합니다.내 html 페이지의 사이드 바를 제거하는 방법

여기 어떻게 왼쪽 사이드 바를 제거하고 싶습니다. https://jsfiddle.net/v7f0ma8f/3/

<br><br><br> 
         <nav class="navbar" style=" border-color:blue;width:500px;"> 
          <ul class="nav navbar-nav"> 
           <li><a href="#">New Project</a></li> 
           <li><a href="#">Projects</a></li> 
           <li><a href="#">Pyramid Opportunities</a></li> 
          </ul> 
         </nav> 

         <br><br><br> 

         <div class="col-lg-12"> 
        <div class="panel panel-default"> 
         <div class="panel-heading"> 
             <ul class="nav nav-tabs" role="tablist"> 
             <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">SMS</a></li> 
             <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">EMAIL</a></li> 
             <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">SMS/EMAIL</a></li>          

            </ul> 
         </div> 
         <!-- /.panel-heading --> 
         <div class="panel-body"> 
          <div class="form-body"> <!-- flot-chart previus class name --> 

          <div class="tab-content"> 
             <div role="tabpanel" class="tab-pane active" id="home">HI.</div> 
             <div role="tabpanel" class="tab-pane" id="profile">Hello.</div> 
             <div role="tabpanel" class="tab-pane" id="messages">Bye.</div> 

            </div> 
         </div> 
         <!-- /.form-body --> 
         </div> 
         <!-- /.panel-body -->  
         </div> 
        <!-- /.panel --> 
        </div> 
+1

'# page-wrapper' 요소는'margin : 0 0 0 250px;'를 가지고 있습니다. 왼쪽에 빈 공간을 없애려면 CSS에서'margin : 0 0 0 0;'또는'margin-left : 0;'을 설정해야합니다. –

+0

먼저 레이아웃 구조에
을 사용하지 마십시오. 나는 당신을 도울 수는 없지만 당신의 질문을 더 명확히 밝혀주십시오. 당신이 이동하고 싶은 곳과 –

+0

탐색 막대와 패널은 탐색 막대와 패널 사이에 너무 많은 상위 nad에 첨부 된 일부 공간을 가지고 있어야합니다 일부 공간이 필요합니다 –

답변

0
@media (min-width: 768px) 
#page-wrapper { 
    margin: 0 ; 
} 

업데이트 모든 장치에 마진을 0이 클래스가 원하지 않는 leftbar : 는 네비게이션 바 내가

enter image description here

바이올린을 내려 할 필요가 위쪽으로 간다 .

+0

나는이 답변을하기 전에 잘 했어. 당신은 내 피들 아래에있을 수 있습니다 내가 네비게이션 바에 국경을 배치 했어 네모 난 상자 유형 네비게이션 바를하는 법을 제안 할 수있다 –

+0

https://jsfiddle.net/v7f0ma8f/9/ –

+0

나는 당신의 질문을 얻지 못했다. 좀 더 자세한 내용이나 원하는 이미지로 "네모 박스 타입 탐색 바를하는 법"을 상세하게 설명해 주시겠습니까? 감사합니다. – Krishna9960

관련 문제