2016-04-25 38 views
2

我是grails的新手,我找不到在grails 3+(3.1.5)中安裝bootstrap的好教程,我無法得到插件「twitter bootstrap plugin」是什麼準確地說,是不是足以用佈局模板替換佈局/ main.gsp?它是否推薦使用bootstrap和grails,或者有更好的選擇?謝謝
編輯:
正確的答案是在評論由傑夫·斯科特·布朗給出的
「如果你正在使用Grails 3,引導安裝在默認情況下,新創建的應用程序,你不必安裝它。「安裝bootstrap到grails

+1

如果您使用的是Grails 3,則Bootstrap默認安裝在新創建的應用程序中。您不必安裝它。 –

+0

好的,謝謝! – hereForLearing

回答

4

基礎知識
自舉可以添加到你的項目剛剛通過添加文件(一個CSS和一個JavaScript的)到你的HTML頁面。由於您需要在所有頁面中包含這些文件,因此我建議將這些文件放入佈局文件中。
BOOTSTRAP
您使用的引導程序是通過給您的div s提供特定的類名。 Bootstrap只是添加了他們特定的CSS來使其整潔和響應。你可以閱讀更多關於它的全部here
包括
要添加這些文件,你需要添加到您的HTML佈局或者只是一個頁面:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

您也可以下載的文件,並從功能的離線丟失預防。然後從here

EXTRA信息
下載如果你不熟悉Grails的佈局,你可以檢查出來的this link
這是非常簡單的實際。你只需在那裏定義所有head的東西。

+0

謝謝,我可以使佈局「動態」,例如添加條件來顯示/隱藏「鏈接」功能的用戶權限? – hereForLearing

+0

你使用彈簧安全嗎? –

+0

不,我是新來的Grails我不知道什麼「彈簧安全」用於 – hereForLearing

1

您可以安裝正常方式的Bootstrap,即在您的web-app目錄中手動添加項目中的引導文件。然後,您只需將其添加到佈局或頁面(.gsp)即可。

此外,您可以手動將其添加到資產目錄中。通過這種方式,您只能在佈局中輸入一次:g:資產

或者,如果你喜歡使用插件,這裏是西班牙教程:http://abel-olguin.com/anadir-twitter-bootstrap-a-grails-3/

+0

謝謝你的回答,但我不會說西班牙語:/插件的用途是什麼?是什麼讓它更好,然後手動? – hereForLearing

+1

該插件簡化了如何在所有頁面中添加Bootstrap,因爲它位於資產中。兩種方式在功能上沒有區別。 –