मैं बूटस्ट्रैप 3 का उपयोग करके एक पृष्ठ को उत्तरदायी में बदलने की कोशिश कर रहा हूं। 3 divs की आवश्यकता है

मोबाइल संस्करण में div3 के नीचे प्रदर्शित करने के लिए DIV2 की आवश्यकता है।

क्या यह वर्तमान कोड के साथ करना संभव है जो यह प्रदर्शित करता है

डीआईवी1


डीआईवी2


डीआईवी3

नमूना पृष्ठ : http://www.examguides.com/Networkplus/network-plus -1.htm

0
paramjit 27 सितंबर 2018, 08:07

1 उत्तर

सबसे बढ़िया उत्तर

क्या यह आपके काम आएगा?
https://codepen.io/panchroma/pen/bmbZaG

एचटीएमएल

<div class="row parent">
  <div class="col-md-8 div1">Div 1</div>
    <div class="col-md-12  div3">Div 3</div>
  <div class="col-md-4  div2">Div 2</div>
</div>  

सीएसएस

.row.parent{
  position:relative;
}

/* move .div2 to top right of .row.parent when viewport is 992px or more */
@media (min-width: 992px) {
  .div2{
    position:absolute;
    top:0;
    right:0
  }
}
0
David Taiaroa 27 सितंबर 2018, 19:27