“自举/少/ bootstrap.less”覆盖所有选择器(VS 2013)(“bootstrap/

2019-10-19 18:57发布

我能做到这一点“引导/更少/ bootstrap.less”不覆盖我所有的CSS -styles(我只能用我只需要.LESS文件(例如:引导/更少/ buttons.less),但我需要的所有类)。 当我输入“引导/更少/ bootstrap.less”这将覆盖我的引导菜单,所有的标准选择喜欢的输入,文本区域......,但我只想要覆盖,我想的CSS类,但不是一切...谢谢:)

[更新时间:2014年9月4日]

重要的NuGet Pakages:我的项目背景资料:

  • 引导(V 3.0.0) - >母版页进口
  • Bootstrap.Less(V 2.3.2) - >这些文件我在 “Site.less” 使用祁门功夫)
  • 无点(V 1.4.0.0)
  • html5shiv(V 0.1.0.8)
  • Modernizr的(V 2.6.2) - >母版页进口
  • 应对JS(V 1.2.0)

的Visual Studio 2013

  • MVC5

我的“Site.less”的模样

/*@import "bootstrap/less/buttons.less";*/
@import "bootstrap/less/bootstrap.less";

 .BWButton {
  .btn;


 }

它的一点点奇怪,当我只进口“引导/更少/ bootstrap.less”寄托都将被覆盖,没关系我在母版页由该CSS /少进口秩序,当我只用“@import‘引导/更少/ buttons.less’”没有效果甚至不是如果我删除母版页的所有CSS /减进口在页面上...但INTELLI感工作在两个进口(“引导/更少/按钮.LESS”和‘引导/更少/ bootstrap.less’)(该site.less内导入时),但在客户现场Site.less(当我输入‘引导/更少/ buttons.less’前site.less )是空的(当我在火错误选择“Site.less”)..

我master.page(共享/ _Layout.cshtml)看起来像这样的标题:

@Scripts.Render("~/bundles/modernizr")
@Styles.Render("~/Content/dataTable.css")
@Styles.Render("~/Content/popup.css")
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
@Styles.Render("~/Content/Site.less")
@Styles.Render("~/Content/bootstrap.css")
@Styles.Render("~/Content/site.css")

在客户端侧上的输出:

<script src="/speScripts/modernizr-2.6.2.js">
<link rel="stylesheet" href="/Content/dataTable.css">
<link rel="stylesheet" href="/Content/popup.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="/Content/Site.less">
<link rel="stylesheet" href="/Content/bootstrap.css">
<link rel="stylesheet" href="/Content/site.css">

可能这可以帮助你多一点:)

Answer 1:

在你的HTML,请确保您包括您自己的样式表了!

<head> 
    <link href="includes/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="includes/css/style.css" rel="stylesheet">
</head>

另外,在上述我的例子,我的定制的样式表将否决bootstrap.min.css片。



文章来源: “bootstrap/less/bootstrap.less” overwriting all Selectors (vs 2013)