使用引导程序着色备用行

时间:2015-09-22 06:47:48

标签: css twitter-bootstrap

我试图在表格中遮挡替代行。

以下代码

dt:nth-child(4n+1) ,dt:nth-child(4n+1) +dd{
  background-color:silver;
}
<div class="col-sm-2 tabularData">
  <dl class="dl-horizontal">
   <dt>Booking</dt>
   <dd class="ng-binding"></dd> 
   <dt>Shipper</dt>
   <dd class="ng-binding"></dd>
   <dt>Consignee</dt>
   <dd class="ng-binding"></dd>
   <dt>VVD</dt>
   <dd class="ng-binding"></dd>
  </dl>
</div>

但输出目前看起来像这样:

enter image description here

2 个答案:

答案 0 :(得分:0)

你可以在选定的桌子上使用奇数 前

function deleteOldIndexedDB(dbName, actualVersion){
     if(!indexedDB){
          return false;
     }

    var req = indexedDB.open(dbName);
    req.onsuccess = function(event)
    {
        var version;
        if(event.srcElement != undefined){
            version = event.srcElement.result.version;//chrome
        }else{
            version = event.target.result.version;//firefox
        }

        event.target.result.close();
        if(version != actualVersion && version != 1){                
            indexedDB.deleteDatabase(dbName);
        }
    };
}

答案 1 :(得分:0)

问题原来是列之间的空间,所以解决方法是将dd上的边距设置为零。

.col-sm-2.tabularData dd {
  margin:0;
}