我可以在没有引导的情况下创建Bootstrap卡吗?

我可以在没有引导的情况下创建Bootstrap卡吗?

问题描述:

我可以使用Jquery,Jquery UI,而不使用Bootstrap创建像Bootstrap中的卡片?我可以在没有引导的情况下创建Bootstrap卡吗?

我需要的卡做的是有一个标题,正文和页脚,像下面 enter image description here

如果是的话,我会很感激的工作示例。 我无法使用Bootstrap,因为它会中断我在代码中使用的一些动画。

+2

是的,当然,你可以,只是从头编码。这很简单,所以SO不是要求为你写代码的地方 –

+0

你不需要jQuery来创建一个卡,只需要CSS –

+0

如果你是一个web开发者,你可以很容易地从HTML /从头开始的CSS。它不会破坏你的动画。 –

如果您使用的是SCSS,您可以使用bootstrap github来查找源代码并根据需要进行修改。你需要跟踪混合和变量来用你自己的值替换它们。

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

这是我如何创建无引导的引导牌,并封装它一个jQuery功能的codepen。

一些事情不应该做的:

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

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