使用Twitter Bootstrap的Grails页面布局

Question

嗨，我是Twitter引导的新手。 我已经为grails安装了插件，我的.gsp文件如下所示：

<html>
   <head>
      <meta name="layout" content="main"/>
      <r:require modules="bootstrap"/>
   </head>   
<body>
    <div class="alert">
        <button type="button" class="close" data-dismiss="alert">×</button>
         <h4>Warning!</h4>
         Text goes here
    </div>
</body>   
</html>

引导程序按预期工作。 但是我的整个页面都向左移动。 看起来像：

在此处输入图片说明

不知道我在哪里犯错。

提前致谢。

Answer 1

您需要添加名为container类。

<body>
<div class="container">
<div class="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
     <h4>Warning!</h4>
     Text goes here
</div>
</div>
</body>

这样...然后检查。 希望这对您有所帮助。

EX的链接

使用Twitter Bootstrap的Grails页面布局

问题描述

1 个解决方案

解决方案1
0 2012-11-09 07:03:19

使用Twitter Bootstrap的Grails页面布局

问题描述

1 个解决方案

解决方案1 0 2012-11-09 07:03:19

解决方案1
0 2012-11-09 07:03:19