1

私は、Nivo Sliders を Twitter Bootstrap と組み合わせて使用​​するプロジェクトに取り組んでいます。Nivo がビルドされていない可能性があるため、修正できない可能性がある問題に遭遇しています。しかし、span12 を使用する現在のスライダーを全幅スライダーに変えようとしています。これは可能ですか、それとも統合する全幅スライダーを探しているだけですか? 私の現在の見解は。

<div class="slider-wrapper theme-default">
<div class="row">
    <div class="span12">
       <div id="nslider" class="nivoSlider"> 

/* Nivo SLider */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow hidden;
}
.nivoSlider img { position absolute; top:0px; left:0px; max-width:none; }
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
}
4

1 に答える 1

1

スライダーを全幅にしたい場合、一般的なアプローチは、スライダーを span12、row、および container div の外に移動することです。

投稿したコードから、コンテナ div 内にいるように見えるので、最初にそれを閉じ、スライダー コードを追加してから、ページの残りの新しいコンテナ div を再度開きます。 

</div> <!-- NEW close open container div -->

<div class="slider-wrapper theme-default"> <!-- open full width slider-wrapper div -->

<div id="nslider" class="nivoSlider">  
<!-- slider code -->
</div> <!-- close nslider -->

</div> <!-- close slider-wrapper -->  

<div class="container">  
<!-- continue as normal -->

スライダー コードと CSS の仕様によっては、微調整が必​​要になる場合があります。

幸運を！

于 2013-04-14T11:58:38.227 に答える