制作Nivo滑块全角

Question

我正在使用Nivo滑块和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; 
} 

Answer 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的具体情况，这可能需要一些微调。

祝你好运！