Html 无法覆盖引导

Html 无法覆盖引导,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图使用引导来给我的网格赋予风格,但它使它覆盖了整个页面。我试着把包含桌子的div弄小些,但没用。如何覆盖引导样式 HTML 您的周日历课程需要有一个度量单位 .week-calendar{ width: 400px; } 您正在寻找代码中不存在的tr.active类 如果您将类更改为,它将为您提供所需的结果。但是请注意,这将使所有表格单元格都具有自定义CSS样式 Bootstrap故意使覆盖CSS变得困难 添加一个或多个类,然后使用它们的类覆盖新属性(如果需要) 还有,什么?像素?%?

我试图使用引导来给我的网格赋予风格,但它使它覆盖了整个页面。我试着把包含桌子的div弄小些,但没用。如何覆盖引导样式

HTML


您的
周日历
课程需要有一个度量单位

.week-calendar{
  width: 400px;
}
您正在寻找代码中不存在的
tr.active

如果您将
类更改为
,它将为您提供所需的结果。但是请注意,这将使所有表格单元格都具有自定义CSS样式


Bootstrap故意使覆盖CSS变得困难

添加一个或多个类,然后使用它们的类覆盖新属性(如果需要)


还有,什么?像素?%?:)

Bootstrap CSS必须在Bootstrap.CSS之后加载到单独的CSS中,正如其他人所说。考虑到这一点,如果引导引用了您不想使用的样式CSS,则必须使用单独的CSS覆盖它。这是一个很好的例子。开箱即用的Bootstrap的带有图例的字段集都搞砸了。这是bootstrap的CSS

如何使用CSS修复BOOTSTRAP的字段集和图例

  fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
  }

  legend {
  padding: 0;
  border: 0;
  }
但这正是我想要的字段集样式,因此我必须使用以下命令覆盖它:

fieldset {  
        padding: 10px;
        margin: 0 auto;
        margin-bottom: 10px;
        border: 1px solid #bbb;
    }

    legend {
       font-weight:bold;
       padding:0px 6px 0px 6px;
       font-size: 15px;
       width: auto;
       border-bottom: none;
       margin-bottom: 0px;
    }

引导并不是故意让它变得困难。只需创建自己的CSS文件,并在加载引导样式表后将其包含在内<代码>我所说的“让它变得困难”是指它们使用的名称,以及这些框架构建方式的级联特性。是的,在引导后添加另一个样式表可以帮助实现特定性覆盖。是的,为什么这些框架对CSS使用级联特性?莫名其妙!
  fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
  }

  legend {
  padding: 0;
  border: 0;
  }
fieldset {  
        padding: 10px;
        margin: 0 auto;
        margin-bottom: 10px;
        border: 1px solid #bbb;
    }

    legend {
       font-weight:bold;
       padding:0px 6px 0px 6px;
       font-size: 15px;
       width: auto;
       border-bottom: none;
       margin-bottom: 0px;
    }