Question

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

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

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

提前致谢。

Answer 1

您使用的是哪个版本的bootstrap？

以下是示例代码：

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因为当前版本的bootstrap最多是12列

与Opa引导 - 如何使文本居中？

1 个答案: