react-bootstrap中的Bootstrap“type alignment”

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在将使用Bootstrap构建的Web应用程序迁移到React和react-bootstrap，两者都很棒。在react-bootstrap中我没有看到的一件事是如何平滑集成Bootstrap的type alignment classes，如text-center。我的应用程序被包裹在react-bootstrap中的Bootstrap“type alignment”

<div class="container-fluid text-center">

我看到周围这两种方式，但我不知道是否有解决这个建议的方式，是不是这样的黑客。

a。将我的<Grid> JSX标记替换为<Grid bsClass="text-center container">。这似乎工作正常，但我在react-bootstrap docs中看到：“通常，应该只更改bsClass以为组件提供新的非Bootstrap CSS样式。”我甚至可以将fluid支柱添加到Grid，并且它将container更改为container-fluid而不会中断。

b。将所有内容都包裹在<div className="text-center">之中。我喜欢react-bootstrap的其中一件事是干净的代码，没有多余的<div> s，所以这是不雅的。

正如我所说，只是想知道是否有现有的方法来做到这一点。在react-bootstrap文档中对此有一些评论是很好的，因为它是Bootstrap docs的一部分，似乎根本没有提及。

谢谢！

回答：

我会用<Grid className="text-center" >手动添加该类，尤其是考虑到您提到这是一个包装应用程序的单个元素，而不是在不同情况下将被重用的元素。

以上是 react-bootstrap中的Bootstrap“type alignment” 的全部内容， 来源链接： utcz.com/qa/265180.html

回到顶部