Twitter Bootstrap SASS の mixin でオフセット変数を使用しますが、機能していないようです。
#headSearch{
@include makeColumn(6,2);
}
したがって、TBS sass コードベース:
@mixin makeColumn($columns: 1, $offset: 0) {
float: left;
margin-left: ($gridColumnWidth * $offset) + ($gridGutterWidth * ($offset - 1)) + ($gridGutterWidth * 2);
width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
}
ありがとう
編集:
<div id="main">
<!-- ______________________ CONTENT TOP REGION _______________________ -->
<?php if (!empty($page['content_top'])): ?>
<div class="rowZone">
<section id="content-top"> <?php print render($page['content_top']); ?> </section><!-- /#content-top -->
</div><!-- /rowZone -->
<?php endif; ?>
<!-- ______________________ ZONE DIAPO PANORAMIQUE _______________________ -->
<?php if (!empty($page['DiapoHP'])): ?>
<div class="rowZone">
<section id="HPDiapo"><?php print render($page['DiapoHP']); ?></section>
</div><!-- /rowZone -->
<?php endif; ?>
<!-- ______________________ HOMEPAGE BAS _______________________ -->
<div class="rowZone">
<!-- ______________________ PARTIE BAS GAUCHE _______________________ -->
<?php if (!empty($page['HPBasGauche'])): ?>
<section id="BasGaucheHP">
<?php print render($page['HPBasGauche']); ?></section>
<?php endif; ?>
<!-- ______________________ PARTIE BAS DROITE _______________________ -->
<?php if (!empty($page['HPBasDroit'])): ?>
<section id="BasDroitHP">
<?php print render($page['HPBasDroit']); ?>
</section><!-- /BasDroitHP -->
<?php endif; ?>
</div><!-- /rowZone -->
</div> <!-- /mainPage -->
およびscssコード:
@import "../bootstrap/lib/bootstrap.scss";
@import "../bootstrap/lib/responsive.scss";
#main{
@include clearfix;
}
.rowZone{
@extend .row-fluid; }
#HPDiapo{
@include makeColumn(12);
@include clearfix;
padding:10px 0 0;
}
#content-top{
@include makeColumn(12);
@include clearfix;
}
#BasGaucheHP{
@include makeColumn(6);
@include clearfix;
}
#BasDroitHP{
@include makeColumn(6);
}
私は、私が推測するmakeRow mixinにすでにclearfix mixinを含める必要がないことを理解しています。私の考えでは、列を行にコンテナに入れ、各行を積み重ねることです(モバイルでは同じです)。実際、レスポンシブデザインに流動的な行を使用する必要があるのか 、それとも固定レイアウトで十分なのかわかりません。それでは、私の論理的な善を行いますか?
ありがとう