Question

这是我的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将H3添加到第二个“row-fluid”并且bootstrap不允许在“row-fluid”div和“spanN”div之间放置任何元素

Answer 1

<强>固定

问题是：使用JS将H3添加到第二个“row-fluid”并且bootstrap不允许在“row-fluid”div和“spanN”div之间放置任何元素

非常感谢@MiljanPuzović

我无法将相同的css样式应用于两个“行流体”

1 个答案: