Html 引导css：尝试使用偏移量，但可以'；我不能坐在中间

我有这个html：

<div id = "search_form" >
    <h1> Need idea for your trip? </h1>
    <div class="input-group">
        <form action="" method="get" id = "search-form" >
            {% csrf_token %}

            <div class="col-xs-6">
                {{ form.as_p }}
                {{ form.media }}
            </div>
            <div class="col-xs-6">
                <span class="input-group-btn">
                    <button class="btn btn-primary" id="search_submit" name = "search_submit" type="submit" value = "submit" ><span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
        </form>
    </div>
</div

你的旅行需要主意吗？
{%csrf_令牌%}
{{form.as_p}}
{{form.media}
要使用
col xs offset-
类，必须将div与
行一起使用

这在上有记录

检查有关网格系统的详细信息，然后您将能够将内容定位到中心。代码应该如下所示：

<div class="row">
    <!-- Half of width and position on center -->
    <div class="col-xs-6 col-xs-offset-3">
        your content
    </div>
</div>


你的内容
只是为了好玩

  <div class="row">
   <div class="col-sm-3" ></div>
     <div id = "search_form" class="col-sm-6" >
       <h1> Need idea for your trip? </h1>
         <div class="input-group">
          <form action="" method="get" id = "search-form" >
            {% csrf_token %}

        <div class="col-xs-6">
            {{ form.as_p }}
            {{ form.media }}
        </div>
        <div class="col-xs-6">
            <span class="input-group-btn">
                <button class="btn btn-primary" id="search_submit" name = "search_submit" type="submit" value = "submit" ><span class="glyphicon glyphicon-search"></span></button>
            </span>
        </div>
    </form>
 </div>
</div>
 <div class="col-sm-3" ></div>
 </div>


你的旅行需要主意吗？
{%csrf_令牌%}
{{form.as_p}}
{{form.media}
我没有在.col-xs-x类上看到带有
.row
类的div。如果结构正确，一切看起来都是您想要的。行类应该在容器类div内。我阅读了文档。谢谢你的推荐。但是，它不起作用。一切都向左推了一点谢谢你的回答。然而，一切似乎都有点偏左