0

基礎フレームワークを使用してレスポンシブ Web サイトを構築しています。

私は次のhtmlを持っています

<div class="row">
    <div class="large-12 columns">
        <div class="wrapper">
            <div class="large-6 small-6 columns">
                <h1>site-title</h1>
            </div>
            <div class="large-6 small-6 columns">
                <p>descrption</p>
            </div>
        </div>
    </div>
</div>

CSS

.wrapper {
    color: red;
    background: green;
}
h1 {
    color: red;    
}

クラスに背景色を追加し .wrapperても機能しません。これは、行内の列のラッパー クラスに背景を適用し、行に列があり、合計で 12 列になる場合に常に発生します。

例えば：

大11+大11、大2+大10、大6+大6など。

このためにjsfiddleを作成しました

4

1 に答える 1

2

ほら、フィドル

<div class="row">
    <div class="large-12 columns">
        <div class="wrapper">
            <div class="large-6 small-6 columns">
                <h1>site-title</h1>
            </div>
            <div class="large-6 small-6 columns">
                <p>descrption</p>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
</div>
于 2013-06-24T15:20:13.790 に答える