स्क्रीन आकार के आधार पर कॉलम कैसे ऑर्डर करें?

Question

मैं मध्यम स्क्रीन आकार

<div class="col-md-12">A</div> 
<div class="col-md-12">B</div> 
<div class="col-md-12">C</div> 

[A-12] 
[B-12] 
[C-12] 

निम्नलिखित लेआउट क्या करना चाहते हैं मैं बड़े स्क्रीन आकार के लिए निम्नलिखित लेआउट क्या करना चाहते हैं यह है

<div class="col-lg-9>A</div> 
<div class="col-lg-3>C</div> 
<div class="col-lg-9>B</div> 

[A-9][C-3] 
[B-9] 

मैं पहली बार मेरे छोटे स्क्रीन डिजाइन कर रहा हूँ (के बाद से माना जाता है कि मोबाइल पहले सही है?) तो मैं ए के आगे सी दाएं रखने के लिए बी और सी को धक्का/खींचने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है।

<div class="col-md-12 col-lg-9">A</div> 
<div class="col-md-12 col-lg-9 col-lg-push-3">B</div> 
<div class="col-md-12 col-lg-3 col-lg-pull-9">C</div> 

//Expected result 
[A-9][C-3] 
[B-9] 

//Result I'm getting 
[A-9] 
[C-3][B-9] 

तो, अपेक्षित परिणाम प्राप्त करने के लिए मुझे अपना लेआउट कैसे करना चाहिए?

Bootply: http://www.bootply.com/zu6yDOeHwn

एचटीएमएल:

Answer 1

यहाँ की तरह मुझे लगता है आप चाहते हैं कुछ है

<div class="container"> 
    <div class="col-md-12 col-lg-9"> 
    <div class="row"> 
      <div class="col-md-12 ">A</div> 
     <div class="col-md-12">B</div> 
    </div> 
    </div> 
    <div class="col-md-12 col-lg-3">C</div> 
</div>