javascript - 在开发中期使用 Bootstrap

标签 javascript html css twitter-bootstrap

<分区>


关闭 7 年前

我了解 Bootstrap 是一个 JavaScript 框架,可用作创建网站或 Web 应用程序的基础,并且它包含可供使用的实用程序类。但是,请考虑以下情况:

我已经在制作我的 Web 应用程序并且没有意识到 Bootstrap 的好处(和存在)。因此,我有几个已经存在的 CSS 文件。在意识到并阅读了 Bootstrap 的好处后(例如它的网格系统,因为我的 Web 应用程序应该可以通过移动设备访问),我决定将 Bootstrap CSS 文件实现到我的应用程序中。请问引入Bootstrap CSS文件:

  1. 使我的其他链接 CSS 文件无效为 HTML 文件?我理解它是基于 <link href=""> 的顺序但是如果两个 CSS 文件都有一个名为 btn 的类的样式- 这是否意味着我必须编辑自己创建的 CSS 文件?
  2. 我是否需要编辑大部分 HTML 代码?例如,我看到许多元素之一 bootstrap.min.css目标是 input[type=search] .我自己创建的 CSS 文件也针对 input[type=search] , 但自 <link rel="stylesheet" href="bootstrap.min.css">在我自己创建的 css 文件链接上方,它将使用元素 input[type=search] 的样式在 bootstrap.min.css .
  3. 在生产中期实现 Bootstrap 是否也是一个耗时且耗费资源的过程?

最佳答案

首先,恕我直言,我不会将 Bootstrap 称为 JavaScript 框架,在大多数情况下,您甚至不需要 bootstrap 的 js 部分,只需使用 less/css。

我认为你需要研究一些css(一个小时左右),但要回答你的问题;

  1. 如果您碰巧在自己的 css 中使用相同的类名并在 Bootstrap 后加载它(链接),这意味着您正在覆盖来自 Bootstrap 的 css 规则,这完全没问题。
  2. 这里很困惑,正如我在 (1) 中所说的,如果您的规则是在 bootstrap 之后的,那么您的规则会被考虑在内。您可能需要编辑大部分 html 以添加 Bootstrap 类。在某些情况下,他们需要适当的嵌套类,尤其是表单等。
  3. 取决于您的中期制作有多深入以及您的元素有多大。我会先开始修改几页,看看它有多乏味,然后再决定。

当您使用它时,如果您还没有检查过 Bootstrap 的其他替代方法,您还应该检查一下。 Bootstrap 既好又成熟,但也有其他有力的竞争者。

关于javascript - 在开发中期使用 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35470265/

上一篇:CSS位置粘跨浏览器解决方案

下一篇:html - 表 - 如何在 TD 之间获取空格

相关文章:

javascript - 自举 |具有哈希分隔符样式的 URL

javascript - 如何使用 CSS 或 Javascript 或 jQuery 使粗体字体变细?

javascript - 如何在 javaScript 函数中检查 null?

javascript - 将数据解析为 JSON 格式的问题

javascript - Array.prototype.find,它的规范是什么?

javascript - 为本地开发创建不同的 eslint 规则

javascript - 使用 Javascript 存储 session 显示在 ASP.NET C# 中另一个页面的标签中

javascript - 为什么当我使用 javascript 时,带有 html 标签的文本不能正确显示?

html - 如何让 2 div 的文本沿底部对齐?

html - 无法聚焦(点击进入)html 输入元素