如何删除html页面中的侧栏

Question

您好我试图为此设计一个html我已经下载了sb-admin2 bootstrap模板。

在这里，我想删除左侧边栏，我该怎么做。 然后导航栏向上，我需要将其降低

小提琴：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 ;
}

在您不想要左栏的所有设备中，使用边距0更新此课程。