Twitter bootstrap 反应Boostrap中心文本

我刚刚偶然发现了

React Bootstrap

。我看了他们的文档，但找不到任何关于文本居中的内容。像这样：

<h1 class="text-center">Hello World</h1>

你好，世界

因此，我想知道您是否可以使用相同的技术，但将其应用于React开发。例如：

<h1 classnName="text-center">Hello World</h1>

你好，世界

---

干杯

React引导不继承引导样式。这意味着您必须导入css才能使用标准引导库中的类

阅读官方文件：

因为React引导不依赖于非常精确的引导版本，所以我们不附带任何附带的css。但是，使用这些组件需要一些样式表。如何以及包含哪些引导样式取决于您，但最简单的方法是包含来自CDN的最新样式

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-theme.min.css">

您键入了拼写错误的类名。

我认为这个引导类可以工作

 <h1 className="m-auto"> text </h1>

文本

您有一个输入错误。这是

className

而不是

classnName

Hello World这对我来说是最简单的解决方案。

 <h1 className="m-auto"> text </h1>