2012-05-08 64 views
1

我正嘗試用Boostrap小部件創建一個簡單的居中標題。我試過:與Opa Bootstrap - 如何居中文本?

WB.Layout.fixed(
    (WB.Grid.row([{span:16, offset:none, content:<div>title</>}])) 
) 

...但文本只出現在行的左側。我試圖在div標籤中添加「text-align:center」,但是當我嘗試在瀏覽器中顯示結果時,它導致了xml錯誤。我如何表明我希望「標題」顯示在塊的中心?

在此先感謝。

您使用哪種引導的版本

回答

2

下面是一個示例代碼:

import stdlib.themes.bootstrap 
import stdlib.widgets.bootstrap 

WB = WBootstrap 

function start() { 
    WB.Layout.fixed(
    (WB.Grid.row([{span:12, offset:none, content:<center>title</center>}])) 
) 
} 

Server.start(
    Server.http, 
    { page: start 
    , title: "Hello, world" 
    } 
) 

我用span:12因爲自舉的當前版本是最多12列。

+0

謝謝,它的工作。我放了16,因爲我(又一次)被bootstrap.opalang.org誤導了。 – Timst

+0

是的,對不起;) – Fred