2017-01-06 11 views
11

मैं [email protected] सीएसएस ढांचे का उपयोग कर रहामैं बुलमा बटन को पूर्ण चौड़ाई कैसे बना सकता हूं?

मैं एक फार्म के भीतर सबमिट बटन के रूप में

... 
<!--Submit button--> 
<div class="columns"> 
    <div class="column is-full"> 
     <button type="submit" class="button is-primary"> 
      <span class="icon"><i class="fa fa-sign-in"></i></span> 
      <span>Login</span> 
     </button> 
    </div> 
</div> 
... 

परिणाम निम्नलिखित

enter image description here

मैं बटन पूर्ण हो जाता है कैसे कर सकते हैं इस प्रकार है -चौड़ाई ?

+3

मुझे लगता है कि जोड़े है-पूर्ण-चौड़ाई वर्ग आप –

+1

@ManuelObregozo यह सही है की तलाश कर रहे है, धन्यवाद – ira

उत्तर

27

वर्ग is-fullwidth

<button type="submit" class="button is-primary is-fullwidth"> 
     <span class="icon"><i class="fa fa-sign-in"></i></span> 
     <span>Login</span> 
</button> 
संबंधित मुद्दे