पूर्ण चौड़ाई क्षैतिज बटन?

Question

Jquery mobile में, मैं क्षैतिज बटन वर्गीकृत किया है सकते हैं, लेकिन वे समूह 100% चौड़ाई नहीं ले करता है।

मैं एक वर्ग कि width:100% सेट लेकिन बात नहीं बनी जोड़ने की कोशिश की।

मैं यह कैसे कर सकता हूं?

धन्यवाद!

अद्यतन + संभव फिक्स: ऐसा लगता है क्योंकि मैं स्पष्ट रूप से दोनों बटन में width="50%" उपयोग कर रहा था कि यह विफल रहा था। मैंने 45% और फिट किया था। शायद कुछ मार्जिन जो बटन हैं? ठीक से

स्रोत कोड लागू किया: http://pastebin.com/ZXDNfAU1

Answer 1

<div class="ui-grid-a"> 
    <div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div> 
    <div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div> 
</div> 

ऊपर यह करना होगा अगर यह एक पाद लेख या शीर्ष लेख तत्व में नहीं है। दो स्तंभ ग्रिड यहां हैं: http://view.jquerymobile.com/master/demos/grids-buttons/

मैं कैसे पाद लेख

Answer 2

फ़ायरबग के साथ निरीक्षण करें जो उन्हें बुरी तरह से प्रदर्शित करने के लिए खड़ी कर रहा है देखने के लिए भीतर इसे पूरा करने के पता नहीं है।

और अपने स्रोतों में controlgroup div को data-type="horizontal" जोड़ें।

Answer 3

<div data-role="controlgroup" data-type="horizontal"> 
    <a href="index.html" data-role="button">Yes</a> 
    <a href="index.html" data-role="button">No</a> 
</div> 

मैं प्रलेखन से ऊपर कोड मिला: http://jquerymobile.com/demos/1.0b1pre/#/demos/1.0b1pre/docs/buttons/buttons-grouped.html

मैं इसे अपने आप की कोशिश की है और यह पूरी तरह से काम करता है। आपको स्क्रीन के 100% भरने के लिए विस्तार से 2 बटन मिलते हैं।

Answer 4

<div class="ui-grid-solo"> 
    <div class="ui-block-a"> 
     <input type="submit" name="Action" value="Register" data-theme="b"/> 
    </div> 
</div 

यह

Answer 5

काम करता है आप 2 बटन आप

<div style="float:left; " > 
<div style="float:right;" >