在开发中期使用Bootstrap

Question

我知道Bootstrap是一个JavaScript框架，可以用作创建网站或Web应用程序的基础，它包含一个可以使用的实用程序类。但是，请考虑以下情形：

我已经处于Web应用程序的中间位置，并且不知道Bootstrap的好处（和存在）。因此，我有几个已经存在的CSS文件。在实现并阅读Bootstrap的好处（例如它的网格系统，因为我的Web应用程序应该可以通过移动设备访问）之后，我决定将Bootstrap CSS文件实现到我的应用程序中。是否会引入Bootstrap CSS文件：

1. 将我的其他链接CSS文件Nullify为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是否也是一个漫长的，资源匮乏的过程，需要在生产中期实施？

Answer 1

首先，imho，我不会将Bootstrap称为JavaScript框架，在大多数情况下，您甚至不需要引导程序的js部分，只需使用less / css。

我认为你需要学习一些css（一个小时左右），但要回答你的问题;

1. 如果你碰巧在你自己的css中使用相同的类名并在bootstrap之后加载它（链接），这意味着你要从bootstrap覆盖css规则，这完全没问题。
2. 在这里感到困惑，正如我在（1）中所说，如果你的规则是在引导程序之后，你的规则会被考虑在内。您可能需要编辑大部分html来添加引导类。在某些情况下，它们需要嵌套类，尤其是表单等。
3. 取决于你的中期制作有多深，你的项目有多大。我会先开始修改几页，看看它是多么乏味，然后决定。

当你在这里时，如果你还没有，你还应该检查引导程序的其他替代方法。 Bootstrap是好的和成熟的，但也有其他严重的竞争者。

Answer 2

我已将部分现有网站转换为Bootstrap。我花了一段时间，但它基本上是直截了当的，结果值得付出努力。

您可以尝试一个非常简单的测试，以查看链接bootstrap.css文件时页面会发生什么。尝试在您自己的css链接之后插入链接。如果情况良好，您可以尝试一些HTML标记编辑。

Answer 3

1. 当您使用bootstrap并在CSS之前将其链接时，您的HTML代码将首先应用bootstrap CSS规则，然后通过CSS覆盖。
2. 作为第一个问题，你需要自定义样式，只需用你的CSS覆盖。
3. 这取决于您的要求。如果您的产品必须在移动设备上显示良好，您应该应用bootstrap，这将大大节省您的开发时间。但它也有风险，因为您需要编辑HTML代码。

P / s：如果您的项目使用jQueryUI的许多功能，那么您目前不应该使用bootstrap。 bootstrap＆amp;之间的许多冲突jQueryUI。

另外，您可以在http://bootsnipp.com/

找到一些bootstrap的模板代码