【发布时间】:2013-04-14 22:06:44
【问题描述】:
这是我的 HTML 和 CSS 代码。
HTML
<section id="content">
<article id="areaRegister">
<div class="row-fluid">
<div class="span6">
<?php include 'formulario.php'; ?>
</div>
<div class="span6">
<div class="contentBarcode">
<div class="codigoBarras">
<header><h4>Código de barras generado!</h4></header>
<canvas id="registerBarcode" width="230" height="100"></canvas>
</div>
</div>
</div>
</div>
</article>
<article id="areaSearch">
<div id="toEdit" class="row-fluid">
<div class="span6">
<?php include 'formulario.php'; ?>
</div>
<div class="span6">
<div class="contentBarcode">
<div class="codigoBarras">
<header><h4>Código de barras generado!</h4></header>
<canvas id="editBarcode" width="115" height="70"></canvas>
</div>
<a href="#" class="btn btn-primary">Guardar</a>
</div>
</div>
</div>
</article>
</section>
CSS
.row-fluid .span6:nth-child(1) {
padding-left: 10%;
}
例如,对于上面的 css:第一个 span6 第一个“row-fluid”有 10% 的填充,但是第一个 span6 第二个“row-fluid”没有它,会发生什么?如果是同款。
如果我想要第二个 span6 每个“row-fluid”都有 margin-left: 0; 也不起作用单独放置第一个“行流体”,但第二个没有。
其他问题是当我尝试将任何样式应用于#toEdit 的第一个 span6 时:
#toEdit div:first-child{
padding-left: 10%;
}
它应该适用于第一个span6,但观察chrome和firefox开发工具中的代码,我意识到top style适用于:/
已修复
问题是:使用 JS 在第二个“row-fluid”之前添加 H3,并且引导程序不允许在“row-fluid”div 和“spanN”div 之间放置任何元素
【问题讨论】:
-
对我来说很好jsfiddle.net/6FKdh
-
是的,可以,但是 areaSearch 处于“显示:无”状态,因此这两篇文章是菜单中的选项卡,然后,当我按下 AreaSearch 时,将显示本文中的所有内容,并且 arearegister 被隐藏..这会影响CSS?
-
请删除您的问题,或发布您的解决方案并将其标记为已接受的答案。
-
当然.. 3 小时后我会接受我的回答。