【问题标题】:Can i create Bootstrap cards without bootstrap?我可以在没有引导程序的情况下创建引导卡吗?
【发布时间】:2018-01-07 00:36:36
【问题描述】:

我可以创建像 Bootstrap 中的 Cards 这样的结构,只使用 Jquery、Jquery UI,而不使用 Bootstrap?

我需要卡片做的是有一个页眉、正文和页脚,如下所示

如果是,我将非常感谢一个工作示例。 我不能使用 Bootstrap,因为它会破坏我在代码中使用的一些动画。

【问题讨论】:

  • 当然可以,只需从头开始编写代码。这很简单,所以不是要求为您编写代码的地方
  • 你不需要 jQuery 来创建卡片,只需要 CSS
  • 如果您是一名 Web 开发人员,您可以轻松地从头开始从 HTML/CSS 自己创建它。它不会干扰您的动画。
  • 也许我有点不清楚。我正在寻找与默认引导卡具有相同格式的卡。相同的背景颜色、字体大小、字体系列。
  • 是的,所以从头开始编写代码,它是 3 个带有文本样式的 div

标签: jquery jquery-ui bootstrap-4


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

    你不应该做的几件事:

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

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

    【讨论】:

      猜你喜欢
      • 2013-09-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-01-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多