Bootstrap从祖父母继承网格/ CSS宽度选项

时间:2014-08-29 00:32:21

标签: jquery css css3 twitter-bootstrap twitter-bootstrap-3

在Bootstrap 3中使用以下模板:

<style>
.chart{width: 9999px;}
</style>

<div class="container">
  <div class="well"> 
   <div class="row">
    <div class="chart">
      <div class="thumbnail col-md-3 col-md-3"></div>
    </div>
   </div>
 </div>
</div>

是否可以从.thumbnail类继承.row的大小(宽度)并跳过.chart,而.chart的属性为9999px,如下图所示:

enter image description here

1 个答案:

答案 0 :(得分:0)

很难说你是否需要一个更具体的解决方案,因为我没有确切的情况背景,但你可以这样做:

.row .thumbnail {width: 500px;}

这会覆盖.chartthumbnail类的所有row类的col-md-3 CSS。

<强> Bootply Demo

另外,您不需要在同一元素中有两个col-md-3类,第二个{{1}}不会更改任何内容。