底部對齊 - 響應式佈局

我對齊問題有此問題。我使用Twitter的引導建設這個敏感的網站，我的客戶要我對齊底部從兩個不同的跨度LIK一些這方面的內容：底部對齊 - 響應式佈局

enter image description here

他希望在右span4右對齊底部的灰色框flexSlider在另一個span4的左側。這怎麼能實現？我不能在右側使用保證金，因爲上面的內容是動態的，可能會更長。我試圖使用相對定位的包裝，並絕對定位它，但灰色框的寬度和一切都搞砸了，當試圖調整瀏覽器窗口的尺寸更小。除了絕對定位之外，任何其他方式去？

下面是標記：

   <div class="span8"> 
        <div class="row section professionIntro"> 
         <div class="span4"> 
          <div class="flexslider section"> 
            <ul class="slides"> 
            <li> 
             <img src="img/slide1.png" alt="slide 1" /> 
            </li> 
            <li> 
             <img src="img/slide2.png" alt="slide 2" /> 
            </li> 
            <li> 
             <img src="img/slide3.png" alt="slide 3" /> 
            </li> 
            </ul> 
          </div> 
         </div> 
         <div class="span4"> 
          <p class="intro">Som dataingeniør jobber du med systemutvikling og drift av maskiner eller systemer.</p> 
          <ul class="infoExpand"> 
           <li class="expandVideo"> 
            <h2 class="videoSign">Video dataingeniøren hverdag</h2> 
           </li> 
          </ul> 
         </div>  
        </div>

感謝所有幫助..

來源

2012-10-01 Stinis87

是否有可能看到你正在使用相對於標記的CSS？ – davidb

我會使'.span8''位置：relative'和'.infoExpand''position：absolute;左：0;底部：0;'。然後以百分比的形式給它一個寬度（'width：50％'）。這樣它應該適當調整。你可能需要使用這些值，但... – smilledge

使用左：0不會工作，這將只是把infoExpand通過flexSlider，因爲span8包裝他們兩個 – Stinis87

添加CSS響應：

http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css

如果是按鈕的位置是：絕對的轉換位置：靜態的;

.videoSign { 
    position : static; 
    bottom:auto; 
    top:auto; 
    left:auto; 
    right:auto; 
}

例子：http://jsfiddle.net/sEryj/

來源

2013-12-12 22:46:19 Raul

底部對齊 - 響應式佈局

回答

相關問題