【问题标题】:Difference between html and bootstrap classeshtml 和 bootstrap 类之间的区别
【发布时间】:2020-06-23 15:44:25
【问题描述】:

几周前我开始学习 django,我注意到并引起很多问题的一件事是 HTML 和 Bootstrap 类之间的澄清。我知道当你在 HTML 中创建标签时,你可以在其中添加一个可以命名的类,然后我们通常使用该类来编写 CSS,对吗?但是我完成了一些教程,并意识到有些人只是写了一个像 btn btn-warning 这样的类,并且一个带有样式的按钮会自动出现,即使他们没有为它编写任何 CSS。然后我用一个随机的名字测试它,它是空白的。有人可以解释一下为什么当我们使用某些特定名称时,网站上会显示已经自定义的标签。

非常感谢!!

【问题讨论】:

  • 您可以在项目中包含引导程序,就像包含任何自定义的 .css 文件一样。您甚至可以下载引导文件并随意编辑。 bootstrap 背后的想法是为许多不同的项目提供标准化的 css 规则集,这意味着如果您知道 bootstrap 规则/类,您可以快速设置相当“复杂”的响应式/移动优先网站,否则可能需要很长时间才能设置.

标签: html css bootstrap-4


【解决方案1】:

HTML 和 bootstrap 都有些相似。只是使用 HTML,您必须手动编写所有代码才能执行任何操作,但是 Bootstrap 可以节省您的时间,因为它具有适用于特定操作的内置标签。 例如,您可以使用 HTML 创建自己的导航栏或使用引导程序的导航栏标签。然而,导航栏具有内置功能,因此工作量较少。您可以通过在 CSS 中包含引导链接来使用,例如:

但是,如果您有时愿意,编辑引导标签有点乏味。 而且,HTML 主要用于基本设计和引导程序以使其更具响应性。您可以在此处了解更多关于引导程序的信息: https://www.w3schools.com/whatis/whatis_bootstrap.asp

【讨论】:

    【解决方案2】:

    Bootstrap 基本上是很多预制的 css 类

    因此,当您在站点中使用 Bootstrap 时,您已经拥有这些类,您可以直接使用它们 我建议你去 W3School 并深入阅读它

    Bootstrap 是最流行的 HTML、CSS 和 JavaScript 框架 开发响应迅速、移动优先的网站。

    Bootstrap 完全免费下载和使用!

    Bootsrap in W3School

    【讨论】:

      猜你喜欢
      • 2014-09-06
      • 1970-01-01
      • 2020-12-27
      • 2011-03-30
      • 2014-02-26
      • 1970-01-01
      • 2015-01-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多