Css Twitter引导模式弹出窗体-如何降低显示窗体

我最近下载了TB 2，并开始熟悉它。我正在基于hero示例创建一个页面

我使用找到的代码向页面添加了一个弹出表单。到目前为止，这一切似乎都很有效——但是，我觉得显示的弹出框太高了。我想把它放低一点，这样我（至少）可以看到显示表单的顶部

我用firebug检查css。我注意到样式来自引导，来自这些行（按给定顺序）：

“显而易见”的做法是向显示表单的元素添加选择器，并向我的外部样式表添加新的CSS规则，或者覆盖/自定义TB提供的样式

然而，由于我不知道我在做什么（我还在学习结核病），我认为最好在这里问一下，以防我打破了目前为止的布局

---

降低弹出窗体的建议方法是什么，这样我就可以看到窗体的顶部，也许还有它后面的一点导航栏（理想情况下，我希望弹出窗体显示在导航栏菜单下面，但这可能太复杂了）。

不要害怕修改代码。 把你自己的规则放在最下面展示一下。 您可以随时在以后删除它。 不要编辑引导css代码本身。 最低的代码覆盖上一个代码

并使用firebug及其样式和计算样式面板进行测试

element.style {
    display: block;
}
.modal.fade.in {
    top: 50%;
}
.modal.fade {
    top: -25%;
    transition: opacity 0.3s linear 0s, top 0.3s ease-out 0s;
}
.fade.in {
    opacity: 1;
}
.hide {
    display: none;
}
.modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -250px 0 0 -280px;
    outline: 0 none;
    position: fixed;
    top: 50%;
    width: 560px;
    z-index: 1050;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}