ट्विटर बूटस्ट्रैप

Question

के भीतर div तत्वों की ऊर्ध्वाधर स्थिति ऑफ़सेट करें मैं तरल ग्रिड के साथ ट्विटर बूटस्ट्रैप का उपयोग करके ऑफसेट तत्वों को सही तरीके से लंबवत रूप से संरेखित करने का प्रयास कर रहा हूं। (नोट: ग्रिड 30 कॉलम के लिए अनुकूलित है)

लाल बक्से देखते हुए, यह प्रयास किया div प्लेसमेंट है: http://imgur.com/IkB2G यह मेरा कोड के साथ वर्तमान वास्तविक प्लेसमेंट है: http://imgur.com/oJ2mG

यहाँ कोड मैं का उपयोग कर रहा है । छवियों के प्रति, खाली स्थान पर जाने के लिए निचले लाल बॉक्स को कैसे प्राप्त करें, यह सुनिश्चित करें।

<div class="container-fluid nomargin"> 
<div class="row-fluid span30 nomargin"><div style="height:10px"></div></div> <!-- Vertical spacing between menu and content--> 
<div class="row-fluid"> 
<div class="span4"></div> 
<div class="span16 white-box"> 
    <!--Body content--> 
    <div style="height:100px"></div> 
</div> 
<div class="span6 white-box"> 
    <!--Body content--> 
    <div style="height:300px"></div> 
</div> 

<div class="span16 white-box"> 
    <!--Body content--> 
    <div style="height:100px"></div> 
</div> 
</div> 

Answer 1

आपको इसे 2 कॉलम के रूप में सोचने की आवश्यकता है, और बाएं कॉलम में आपके पास घोंसला वाली पंक्तियां हैं। मैं आपके द्वारा पोस्ट किए गए कोड से उचित आकार नहीं निकाल सकता। लेकिन उम्मीद है कि यह कोड आपको कुछ प्रेरणा देगा।

<div class="row"> 
    <div class="span18"> 
     <div class="row"> 
      <div class="span18">This is a row on the left side.</div> 
     </div> 
     <div class="row"> 
      <div class="span18">This is a row on the left side.</div> 
     </div> 
    </div> 
    <div class="span12"> 
     This is the content on the right side. 
    </div> 
</div>