Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/mongodb/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS文件类格式混乱_Css_Twitter Bootstrap_Twitter Bootstrap 3 - Fatal编程技术网

CSS文件类格式混乱

CSS文件类格式混乱,css,twitter-bootstrap,twitter-bootstrap-3,Css,Twitter Bootstrap,Twitter Bootstrap 3,昨天我花了整整一天的时间试图弄清楚为什么我的页面中没有应用引导样式,最后我注意到这些样式甚至没有被应用。这似乎是因为我的css文件中的样式格式如下: .cms-bootstrap .col-lg-2{ ... } 我试着这样应用它们 <div class="col-lg-2">hello</div> 你好 我正在工作的网站很大,我们有一家第三方公司提供主要样式,还有其他几个75k样式的文件,所以需要进行一些调查才能找到原因 我需要应用网格样式,以便在页面上正确定位某

昨天我花了整整一天的时间试图弄清楚为什么我的页面中没有应用引导样式,最后我注意到这些样式甚至没有被应用。这似乎是因为我的css文件中的样式格式如下:

.cms-bootstrap .col-lg-2{
...
}
我试着这样应用它们

<div class="col-lg-2">hello</div>
你好 我正在工作的网站很大,我们有一家第三方公司提供主要样式,还有其他几个75k样式的文件,所以需要进行一些调查才能找到原因

我需要应用网格样式,以便在页面上正确定位某些元素

如果我应用如下样式:

<div class="cms-bootstrap>
<div class="col-lg-2">hello</div>
</div>

首先,如果css规则像
.cms bootstrap.col-lg-2{
那样布局,则最左边的是包装器,右边的是它的子项

所以为了影响这个类,它必须是cms引导的子类


现在,对于cms bootsrtrap类,它实际上是为cms中的后端样式而创建的,您可以在respond cms&windu中看到它,它们使用bootstrap来设置后端样式。

这是因为
.cms bootstrap.col-lg-2
标识嵌套的'div'

因此,如果子
div
不在该特定父级中,则样式规则将不会应用于它

您应将其用作参考:

  • 元素例如,“p”选择所有“p”元素
  • 元素,元素例如,“div,p”选择所有“div”元素和 所有“p”元素
  • 元素元素例如,div p选择所有 “div”元素中的“p”元素 e、 g.div>p选择父元素为“div”的所有“p”元素 元素
  • 元素+元素例如,div+p选择所有“p” 紧跟在“div”元素之后的元素
  • element1~element2例如,p~ul选择每个 前面有一个“p”元素

  • 摘自

    看起来提供CSS的第三方已经将所有内容包装在了
    .cms bootstrap
    类中,大概是为了防止bootstrap干扰站点上的其他样式(通常是管理区域)


    这是一个任意类,因此上面不会有任何文档-您需要将
    .cms bootstrap
    类添加到
    body
    标记中,以使您的内容拾取引导样式。

    cms bootstrap
    div可能是一个具有定义宽度的容器div,或者附加了一些伪元素(
    :before
    :before
    显示:table
    content:“
    框大小设置
    ”)您需要一个容器来容纳这些列。感谢您的回答,尽管这是第一个答案,也是正确的,但我认为飞利浦更完整,对我帮助更大。谢谢:-)不用担心早上的第一个答案我还是睡眼惺忪的lolyes我想你是对的-找到解决方案总是很有趣,但不知道为什么会这样!这里的答案帮了大忙:-)