我可以创建没有引导程序的Bootstrap卡吗？

Question

我可以使用Jquery，Jquery UI，而不使用Bootstrap来创建像Bootstrap中的Cards这样的构造吗？

我需要的卡片有一个Header，Body和Footer，如下所示

如果是的话，我真的很感激一个有效的例子。 我不能使用Bootstrap，因为它破坏了我在代码中使用的一些动画。

Answer 1

如果您正在使用SCSS，则可以使用bootstrap github查找源代码并根据需要进行修改。您需要跟踪mixins和变量，以用您自己的值替换它们。

https://github.com/twbs/bootstrap/blob/v4-dev/scss/_card.scss

Answer 2

这是我如何在没有引导程序的情况下创建自举卡的代码，并将其封装在Jquery函数中。

你不应该做的事情很少：

- 不要使用display:table, with display: row。如果这样做，边框将无法正确显示，除非您还使用border-collapse: collapse，在这种情况下border-radius将无效。请改用display flex。

https://codepen.io/dumitrudan608/pen/eEdPVG