So entfernen Sie Seitenleiste in meiner HTML-Seite

Question

Hallo Ich versuche, ein HTML für diese zu entwerfen Ich habe sb-Admin2 Bootstrap-Vorlage heruntergeladen.

Hier möchte ich linke Seitenleiste entfernen, wie würde ich das tun. dann geht navbar nach oben, ich muss es machen nach unten

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

Answer 1

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

aktualisieren diese Klasse mit Rand 0 in allen Geräten, bei denen Sie nicht wollen, leftbar .