Javascript 在中间开发期间使用引导

Javascript 在中间开发期间使用引导,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我知道Bootstrap是一个JavaScript框架,可以用作创建网站或web应用程序的基础,它由可以使用的实用程序类组成。但是,考虑下面的场景: 我已经在我的web应用程序的中期生产中,不知道Bootstrap的好处(和存在)。一、 因此,我们有几个已经存在的CSS文件。在认识到并阅读了Bootstrap的好处(例如,我的web应用程序应该可以通过移动设备访问它的网格系统)之后,我决定将Bootstrap CSS文件实现到我的应用程序中。引导CSS文件的引入是否会: 将我的其他链接CSS文件

我知道Bootstrap是一个JavaScript框架,可以用作创建网站或web应用程序的基础,它由可以使用的实用程序类组成。但是,考虑下面的场景:

我已经在我的web应用程序的中期生产中,不知道Bootstrap的好处(和存在)。一、 因此,我们有几个已经存在的CSS文件。在认识到并阅读了Bootstrap的好处(例如,我的web应用程序应该可以通过移动设备访问它的网格系统)之后,我决定将Bootstrap CSS文件实现到我的应用程序中。引导CSS文件的引入是否会:

  • 将我的其他链接CSS文件取消为HTML文件?我知道这是基于
    的顺序,但如果两个CSS文件都有名为
    btn
    的类的样式,这是否意味着我必须编辑自己创建的CSS文件
  • 我需要编辑HTML代码的大部分吗?例如,我看到许多元素
    bootstrap.min.css
    的目标之一是
    input[type=search]
    。我自己创建的CSS文件也以
    input[type=search]
    为目标,但由于
    位于我自己创建的CSS文件链接之上,它将使用
    bootstrap.min.CSS
    中元素
    input[type=search]
    的样式
  • 在中期生产中实现引导也是一个漫长的、需要大量资源的过程吗

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

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

  • 如果您碰巧在自己的css中使用相同的类名,并在引导后加载它(链接),这意味着您正在从引导中覆盖css规则,这是完全正确的
  • 这里很困惑,正如我在(1)中所说的,如果您的规则是在引导之后的,那么您的规则将被考虑在内。您可能需要编辑大部分html来添加引导类。在某些情况下,它们需要嵌套类,尤其是表单等
  • 这取决于您在中期生产中的深度以及您的项目有多大。我会先修改几页,看看有多乏味,然后再做决定

  • 当您进行引导时,如果还没有,您还应该检查引导的其他替代方案。Bootstrap很好,也很成熟,但也有其他重要的竞争者。

    首先,我不认为Bootstrap是JavaScript框架,在大多数情况下,你甚至不需要Bootstrap的js部分,只需要使用较少的/css

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

  • 如果您碰巧在自己的css中使用相同的类名,并在引导后加载它(链接),这意味着您正在从引导中覆盖css规则,这是完全正确的
  • 这里很困惑,正如我在(1)中所说的,如果您的规则是在引导之后的,那么您的规则将被考虑在内。您可能需要编辑大部分html来添加引导类。在某些情况下,它们需要嵌套类,尤其是表单等
  • 这取决于您在中期生产中的深度以及您的项目有多大。我会先修改几页,看看有多乏味,然后再做决定

  • 当您进行引导时,如果还没有,您还应该检查引导的其他替代方案。Bootstrap很好,也很成熟,但也有其他重要的竞争者。

    我已经将一些现有站点转换为Bootstrap。这花了我一段时间,但基本上是直截了当的,结果是值得努力的


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

    我已经将一些现有站点转换为引导。这花了我一段时间,但基本上是直截了当的,结果是值得努力的

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

  • 当您使用
    bootstrap
    并在CSS之前链接它时,HTML代码将首先应用bootstrap CSS规则,然后由CSS覆盖
  • 作为第一个问题,您需要自定义样式,只需通过CSS覆盖即可
  • 这取决于你的要求。如果您的产品必须在移动设备上很好地显示,您应该应用
    引导
    ,这将大大节省您的开发时间。但这也有风险,因为您需要编辑HTML代码
  • p/s:如果您的项目使用了
    jQueryUI
    的许多功能,那么此时不应该应用
    bootstrap
    bootstrap
    jQueryUI
    之间存在许多冲突

    此外,您可以在以下位置找到一些引导的模板代码:

  • 当您使用
    bootstrap
    并在CSS之前链接它时,HTML代码将首先应用bootstrap CSS规则,然后由CSS覆盖
  • 作为第一个问题,您需要自定义样式,只需通过CSS覆盖即可
  • 这取决于你的要求。如果您的产品必须在移动设备上很好地显示,您应该应用
    引导
    ,这将大大节省您的开发时间。但这也有风险,因为您需要编辑HTML代码
  • p/s:如果您的项目使用了
    jQueryUI
    的许多功能,那么此时不应该应用
    bootstrap
    bootstrap
    jQueryUI
    之间存在许多冲突

    此外,您可以在以下位置找到一些引导的模板代码: