【问题标题】:I can't apply same css style to two "row-fluid"我不能将相同的 CSS 样式应用于两个“行流体”
【发布时间】: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 小时后我会接受我的回答。

标签: css html


【解决方案1】:

已修复

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

感谢@Miljan Puzović

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-03-26
    • 1970-01-01
    • 2023-02-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-02
    • 2021-09-09
    相关资源
    最近更新 更多