Grails Twitter引导插件问题，navbar固定顶部_Grails_Twitter Bootstrap_Grails Plugin_Gsp

Grails Twitter引导插件问题，navbar固定顶部

grails twitter-bootstrap

Grails Twitter引导插件问题，navbar固定顶部,grails,twitter-bootstrap,grails-plugin,gsp,Grails,Twitter Bootstrap,Grails Plugin,Gsp,我使用的是grails2.1.0和，遇到了navbar固定顶的问题为了使固定在页面顶部的导航栏在调整大小过程中正常工作，状态为： Add.navbar fixed top并记住通过在顶部添加至少40px的填充来说明它下面的隐藏区域。请确保在核心引导CSS之后和可选响应CSS之前添加此选项在使用Grails插件进行Twitter引导时，我如何做到这一点以下是我尝试过的： main.gsp <head> ... <r:require modules="bootstra

我使用的是

grails2.1.0

和

，遇到了

navbar固定顶的问题
为了使固定在页面顶部的导航栏在调整大小过程中正常工作，状态为：
Add.navbar fixed top并记住通过在顶部添加至少40px的填充来说明它下面的隐藏区域。请确保在核心引导CSS之后和可选响应CSS之前添加此选项
在使用Grails插件进行Twitter引导时，我如何做到这一点
以下是我尝试过的：
main.gsp
<head>
  ...
  <r:require modules="bootstrap-css"/>
  <style type="text/css">
    body {
      padding-top: 60px;
      padding-bottom: 40px;
    }
    .sidebar-nav {
      padding: 9px 0;
    }
  </style>
  <r:require modules="bootstrap-responsive-css"/>
  <r:layoutResources/>
</head>

如果没有办法做到这一点，我总是可以放下Grails Twitter引导插件，手动下载Twitter引导，并将其放在Grails项目的web app/css
、web app/images
和web app/js
。但是，我希望能够使用GrailsTwitter引导插件
提前非常感谢，我很感激
 Bootstrap建议将该位置用于样式，因为当屏幕宽度低于980px
时，导航栏变为static
（而不是fixed
）。因此，在填充后调用bootstrap responsive.css
，可以防止移动设备顶部出现空白（没有fxed元素填充该填充）
您可以使用媒体查询重现此行为：
@media (min-width:980px) {
    body {
        padding-top: 40px;
    }
}

将此CSS放在样式表中的任何位置，不要担心您的
引导程序会建议放置样式，因为当屏幕宽度低于980px
时，导航栏将变为静态
（而不是固定
）。因此，在填充后调用bootstrap responsive.css
，可以防止移动设备顶部出现空白（没有fxed元素填充该填充）
您可以使用媒体查询重现此行为：
@media (min-width:980px) {
    body {
        padding-top: 40px;
    }
}

将此CSS放在样式表中的任何位置，不要担心您的
谢谢您的回复。只需要确保我明白。。。如果我添加了一个内联样式块（这里是您的媒体查询解决方案）
，它可以位于Grails Twitter引导插件创建的组合CSS文件之后
，我不需要将它添加到引导.CSS
或引导响应.CSS
。这是否正确？您可以将该规则添加为
块或样式表文件。确切地说，您不必更改引导文件。顺便说一句，在获得填充后，尝试不同的屏幕/窗口大小以检查响应是否仍然有效；）谢谢你的回复。只需要确保我明白。。。如果我添加了一个内联样式块（这里是您的媒体查询解决方案）
，它可以位于Grails Twitter引导插件创建的组合CSS文件之后
，我不需要将它添加到引导.CSS
或引导响应.CSS
。这是否正确？您可以将该规则添加为
块或样式表文件。确切地说，您不必更改引导文件。顺便说一句，在获得填充后，尝试不同的屏幕/窗口大小以检查响应是否仍然有效；）