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

我最近下载了TB 2，并已开始熟悉它。我正在创建一个基于英雄示例的页面。Twitter引导模式弹出窗体 - 如何降低显示的形式

我在页面上添加了一个弹出窗体，使用的代码是我发现的here。这一切似乎工作到目前为止 - 但是，我觉得显示的弹出框太高了。我想稍微降低一点，这样我就可以（至少）看到显示窗体的顶部。

我用萤火虫检查了CSS。我注意到造型是从引导来，从这些线（按顺序给出）：

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; 
}

的“明显”的事情将是一个选择添加到显示的形式元素，并添加一个新的CSS规则到我的外部样式表，或者覆盖/定制由TB提供的样式。然而，由于我并不真正知道自己在做什么（我还在学习结核病），我认为最好在这里问一下，以防止我终止打破迄今为止的布局。

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

来源

2012-11-13 Homunculus Reticulli

不要害怕修补代码。只需采取自己的规则，并在底部显示它们。您可以随时将其删除。不要编辑引导CSS代码本身。最低的代码覆盖以前的代码。

并使用萤火虫&它的风格&计算风格面板来测试。

来源

2012-11-13 17:50:52

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

回答

相关问题