Html 将搜索栏移动到Bootstrap 3中的特定位置

我有一个显示在页面中心的搜索栏。我想把它往上移四分之一。我如何做到这一点？代码如下

更新：

使用Chrome中的开发者工具，我可以通过以下步骤使其暂时工作：

检查元素以获取“开发人员工具”

取消选中.intro.intro正文中的“显示：表格单元格；”

单击“元素.样式”

键入“页边距顶部：300px

我现在可以在搜索栏的位置上玩了。但是，每当我刷新浏览器时，所有内容都会丢失

谢谢

 <!-- Intro Header -->
    <header class="intro">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-offset-2">
                        </form>
                        <form action="/predict" style="width: 500px; margin: 0.3em 2em;" method='POST'>
                        <div class="input-group">
                            <input type="text" name="user_input" class="form-control" placeholder="Search Indie Games">
                            <div class="input-group-btn">
                                <button type="submit" class="btn btn-primary">Recommend</button>
                            </div>
                        </div>
                    </form>
                    </div>
                </div>
            </div>
        </div>
    </header>

---

假设您下载了自定义CSS文件（用于灰度引导主题），您可以将

.intro.intro body

条目更改为：

.intro .intro-body {
     display: table-cell;
     vertical-align: middle; 
     margin-top: 300px;  /* adjust your value here as desired */
}

---

如果您没有（并且您正在链接到其他地方的主题，如CDN），您可以仅使用此条目（如上所述）创建自己的CSS文件，并在自定义CSS文件后将其包含到您的站点中（有效地覆盖主题的值）

该链接指向Bootstrap 3 CSS文件：您应该发布与您的问题相关的自定义CSS以及与搜索输入位置相关的任何其他代码。CSS文件不包含任何与

.intro

或

相关的信息。intro body

似乎是罪魁祸首。。。您可能正在使用的任何其他自定义CSS？只是添加了一个自定义CSS。当我删除显示时，它会起作用：表格单元格；不删除就没有变化。删除显示：表格单元格可以吗？当然可以，如果您在站点的其他地方没有使用相同的类。谢谢。。。！我很高兴能帮上忙

.intro .intro-body {
     display: table-cell;
     vertical-align: middle; 
     margin-top: 300px;  /* adjust your value here as desired */
}