Question

如何将交替颜色应用于引导网格系统

<body>
<div class="row">
  <div class="col-md-4">
    <label>Row1 Col-1</label>
  </div>
  <div class="col-md-4">
    <label>Row1 Col-2</label>
  </div>
  <div class="col-md-4">
    <label>Row1 Col-3</label>
  </div>
</div>
<div class="row">
  <div class="col-md-4">
    <label>Row2 Col-1</label>
  </div>
  <div class="col-md-4">
    <label>Row2 Col-2
  </div>
  <div class="col-md-4"></label>
    <label>Row2 Col-3</label>
  </div>
</div>
</body>

在网站上应用样式

我在我的项目中包含了bootstrap css。直到我为输入元素指定'form-control'，样式才起作用。我如何强制我网站中的所有输入元素继承样式'form-control'

Answer 1

关于第一个问题，你可以这样做。

.row div:nth-child(even) {background: #CCC}
.row div:nth-child(odd) {background: #FFF}

对于第二个问题，您可以复制表单控件类中定义的规则，并将它们覆盖为单独的css，如下所示。

input, select {
     RULES FROM FORM CONTROL
}

几个bootstrap样式问题

1 个答案: