twitter-bootstrap - Bootstrap with Opa - 如何使文本居中？

Question

我正在尝试使用 Boostrap 小部件创建一个简单的居中标题。我试过了：

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

...但文本只出现在行的左侧。我尝试将“text-align:center”添加到 div 标记，但是当我尝试在浏览器中显示结果时导致 xml 错误。如何表明我希望“标题”显示在块的中心？

提前致谢。

Answer 1

您使用的是哪个版本的引导程序？

这是一个示例代码：

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