Html 引导ul断开浮动并将其显示在左导航下方

我是新的引导，我不明白为什么这是不工作。这是html，您可以自己查看。表单显示在左导航下方，而不是左导航的右侧

我认为这就是造成问题的ul

  <ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#nav1">Nav1</a></li>
    <li><a data-toggle="tab" href="#nav2">Nav2</a></li>
    <li><a data-toggle="tab" href="#nav3">Nav3</a></li> 
  </ul> 

提前谢谢

拉尔夫

标题在这里
切换导航











挑选


















单位
地址1
地址2
城市
陈述
邮政编码
电话
传真
电子邮件
网站
版权所有2015-公司名称
$（函数（）{
var availableSites=[
“南佛罗里达中华人民共和国”、“皮埃特拉艺术”、“受祝福的儿科护理”]；
$（“#站点”）.autocomplete({
来源：可用站点
});
});

我认为您没有在“开始内容部分”的开头表达

面板的网格大小。如果您想让左侧边栏和面板在Smartphone视图中彼此相邻，那么您还应该将
列xs-…
添加到这两个div中。查看一个工作示例



第二部分：

<!-- 
        *****************************
        *** Start Content Section ***
        *****************************
        --> 
        <div class="col-xs-9 col-sm-9 col-md-10 panel panel-default" style="background-color: #ddd">

谢谢零点，效果很好。我已经为此工作了一天。
<!-- 
    *******************
    *** Left navbar ***
    *******************
    -->
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar" style="background-color: #A4A4A4;">

<!-- 
        *****************************
        *** Start Content Section ***
        *****************************
        --> 
        <div class="col-xs-9 col-sm-9 col-md-10 panel panel-default" style="background-color: #ddd">