0

这是我的 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 开发工具中的代码，我意识到顶级样式适用于：/

固定的

问题是：使用 JS 在第二个“row-fluid”之前添加 H3，并且引导程序不允许在“row-fluid”div 和“spanN”div 之间放置任何元素

4

1 回答 1

0

固定的

问题是：使用 JS 在第二个“row-fluid”之前添加 H3，并且引导程序不允许在“row-fluid”div 和“spanN”div 之间放置任何元素

无论如何感谢@Miljan Puzović

于 2013-04-16T18:35:11.180 回答