2012-11-09 81 views
0

嗨,我很新的twitter引导。我已经安装了插件Grails和我.gsp文件看起来像这样:使用twitter引导Grails页面布局

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

的引导工作正常。但是我的整个页面都向左移动。它看起来像:

enter image description here

不知道我正在做的错误。

在此先感谢。

+0

可以显示您的图像。 – Selvamani

+0

编辑该问题。 – sriram

回答

0

您需要添加一个名为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> 

像这样......并检查。希望这对你有所帮助。

Link的EX