2012-11-09 83 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