Html 将引导输入元素进一步向下移动页面

我试图将类“top”（我的搜索栏/按钮）移动到页面的一半，但我没有运气使用bottom或其他任何东西。目前它只是停留在顶部。我也想使搜索框更大，但不知道如何

<div class="row top">

    <div class="col-md-2">
    </div>

    <div class="col-md-8">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Type a hero">
          <span class="input-group-btn">
            <button class="btn btn-primary">
              <span class="glyphicon glyphicon-search">
              </span> Search
            </button>
          </span>
      </div>
    </div>

    <div class="col-md-2">
    </div>

</div>

搜寻

另外，我确信有一种更好的方法可以将我的搜索框居中，而不是在搜索框的两侧添加列，以安抚网格系统，但我不知道，有什么提示吗

以下是它当前的样子：

---

尝试将您自己的类添加到div中

CSS

HTML

搜寻

不确定将课程下移一半是什么意思？您是否正在尝试移动搜索栏使其垂直居中？您不需要空div，只需使用col-md-8 col-md-offset-2，它就可以在左侧添加2列间距side@FedericoGiust是的，准确地说，我希望搜索栏位于页面下方，谢谢你的偏移提示，我知道必须有一个更简单的方法，这就是我所做的，使用我自己的类“top”，但什么都没有发生。似乎在为我工作。更改css部分的边距。啊，不管它是否有效，只是我太傻了。非常感谢。谢谢科汉的这个解决方案，我从没想过这会这么简单

.top-buffer { margin-top: 30px;}

<div class="row top top-buffer">

    <div class="col-md-8 col-md-offset-2">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Type a hero">
          <span class="input-group-btn">
            <button class="btn btn-primary">
              <span class="glyphicon glyphicon-search">
              </span> Search
            </button>
          </span>
      </div>
    </div>

</div>