React 中的卡片-Bootstrap

Question

Cards 添加到 React-Bootstrap 了吗？

或者还有其他未记录的添加方式吗？

我现在想到的是 -> className = 'bootstrap card class syntax'，但我想，它不会工作，因为它不会识别它。

Answer 1

有点找到答案了，但它并没有以 card

的名字命名

可以用<Thumbnail>，感觉跟卡片一样

Answer 2

Bootstrap classes 可以像在任何 non-react 项目中一样以相同的方式使用，即使不使用 react-bootstrap.它可以作为 CDN 导入到您的 index.html 文件中...

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

... 或者它也可以保存在本地并以这种方式导入。或者您可以配置 webpack 将 css 文件直接导入到您的项目中。

您只需确保使用 className= 而不是 class=，否则，它的工作方式完全相同。

<div className="col-xs-12 well"></div>

react-bootstrap 是一个附加组件，它提供了执行相同操作的组件。因此，即使它还没有在 react-bootstrap 中，您仍然可以使用该功能，但就像直接 css class.

React 中的卡片-Bootstrap

Cards in React-Bootstrap

reactjs

react-bootstrap