Twitter bootstrap 如何使用bootstrap在带有搜索框的页面中心创建一个div，并在该图像（2x3）下方创建一个2行3列的div

我需要创建一个页面，其中有一个搜索框，在页面的中心和下方，我需要使用引导框架在2行3列中显示大约6个缩略图

---

注意：整个页面的内容应显示在页面的中心

使用带有搜索控件和缩略图的offset类。例如：

<div class="offsetX">
//Search control.
</div>

//搜索控制。

---

X可以是数字1-12

使用带有搜索控件和缩略图的偏移类。例如：

<div class="offsetX">
//Search control.
</div>

//搜索控制。

---

X可以是数字1-12

类似的东西？下面的代码是使用bootstrap 3.0编写的

 <div class="container text-center">
    <div class="col-lg-12">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search term">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">Go!</button>
            </span>
        </div>
    </div>
    <div class="col-lg-12 text-center">
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
    </div>
    <div class="col-lg-12 text-center">
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
    </div>
</div>

走！

像这样的东西？下面的代码是使用bootstrap 3.0编写的

 <div class="container text-center">
    <div class="col-lg-12">
        <div class="input-group">
            <input type="text" class="form-control" placeholder="Search term">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">Go!</button>
            </span>
        </div>
    </div>
    <div class="col-lg-12 text-center">
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
    </div>
    <div class="col-lg-12 text-center">
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
        <div class="col-lg-4 col-md-4 col-sm-4"><img src="http://www.bio.umass.edu/micro/nusslein/images/people/no_photo.jpg" /></div>
    </div>
</div>

走！

这是最简单也是最完美的方法。一切正常。祝你好运

---

这是最简单也是最完美的方法。一切正常。祝你好运。

我同意Adsy的看法，请给我们看一些你尝试过或想做的代码/图像。你可以在这里查找代码-似乎是同一个问题。。。我同意Adsy的观点，请给我们看一些你尝试过或想做的代码/图片。你可以在这里查找代码-似乎是相同的问题。。。