Twitter Bootstrap跨度

我想爲我的圖像滾動使用NivoSlider，並希望將它放在頂部附近的頁面中心的div中，就在導航欄下面（就像很多網站一樣）。Twitter Bootstrap跨度

我想達到的目標是讓它變得流暢（我已經知道它的最大寬度爲100％），但是因爲它填充父容器，它看起來在頁面上很大並且壓倒了一切。

是否有一個跨度我可以使用，將保持居中在頁面上，或者如果我指定寬度和高度的Nivo包裝我將如何保持這種流體。我只是不能似乎解決它，如果任何人都可以在正確的方向，將不勝感激

編輯點我行，所以我創建了一個跨度2，span8，跨度2，放在nivoslider在span8，現在這已集中滑塊，但即時猜測有更好的辦法

來源

2012-06-25 Richlewis

爲什麼你決定不使用本機twitter引導滑塊？

也許這篇文章將幫助你：making nivo slider fluid

來源

2012-06-25 12:31:39 Xella

我選擇NIVO，因爲它具有片過渡，我真的很喜歡，想實施到我的網站，感謝您的評論，雖然 – Richlewis

你可以做的，而不是你目前在做什麼（它完成同樣的事情）這個......

<div class="span8 offset2"></div>.

你可以做到這一點，以設定一個確切的寬度，而不是使用預設的跨度css類...

<div class="span12"> 

    <div style="width: MY_EXACT_WIDTH_IN_PIXELS; margin: 0 auto;"> 
     MY NIVO THINGY WITH 100% WIDTH 
    </div> 

</div>

我覺得你是想對於NIVO事情總是保持居中。網格系統設置的方式，你將有span12區域（頁面的中間940px）始終居中。

因此，無論你把NIVO的事情，你想結束所有的引導標籤...

下面是一個例子...

<html> 
<head> 
    <title></title> 
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script> 
    <script src="js/bootstrap.min.js" type="text/javascript"></script> 
</head> 
<body> 
     <div class="container"> 
      <div class="row"> 
       <div class="span12" style="background-color: #CCC;"> 
        <h4>Bootstrap span12</h4> 
       </div> 
      </div> 
     </div> 

     <div style="margin: 0 auto; width: 400px; background-color: #EFEFEF;"> 
      <h4>My nivo goes here</h4> 
     </div> 

     <div class="container"> 
      <div class="row"> 
       <div class="span12" style="background-color: #CCC;"> 
        <h4>Bootstrap span12 again</h4> 
       </div> 
      </div> 
     </div> 
</body> 
</html>

來源

2012-06-25 16:17:02 Theo

非常感謝您的例子，大的幫助 – Richlewis

Twitter Bootstrap跨度

回答

相關問題