簡體   English   中英

使用Twitter Bootstrap的Grails頁面布局

[英]Grails page layout with twitter bootstrap

嗨,我是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>

引導程序按預期工作。 但是我的整個頁面都向左移動。 看起來像 :

在此處輸入圖片說明

不知道我在哪里犯錯。

提前致謝。

您需要添加名為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的鏈接

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM