Having alignment issue in forms with bootstrap twitter -
मेरे पास एक इनपुट प्रकार और एक बटन का प्रकार यहां है
& lt; div वर्ग = "स्पैन 12" शैली = "मार्जिन-बाएं: 10px; मार्जिन-दाएं: 5px;" & gt; & Lt; div class = "row-fluid mt20" & gt; & Lt; div id = "searchbox" & gt; & Lt; फ़ॉर्म आईडी = "सामान्य खोज-फ़ॉर्म" स्वतः पूर्ण = "बंद" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" प्लेसहोल्डर = "" वर्ग = "खोज-क्वेरी" नाम = "q" / & gt; & Lt; बटन प्रकार = "सबमिट करें" वर्ग = "बीटीएन पुल-दायें" शीर्षक = "खोज" & gt; & lt; / button & gt; & Lt; / प्रपत्र & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; मुझे लेआउट की आवश्यकता है कि डेस्कटॉप संस्करण में इनपुट का प्रकार 50 प्रतिशत की चौड़ाई रखता है और खोज बटन 50 प्रतिशत चौड़ाई में रह जाता है। मोबाइल संस्करण में इनपुट प्रकार शीर्ष पर होना चाहिए और खोज बटन नीचे होना चाहिए। यह कैसे करें।
मुझे लगता है कि शायद आप ऐसा कुछ करना चाहते हैं ... <पूर्व> & lt; फ़ॉर्म & gt; & Lt; div वर्ग = "कंटेनर-द्रव" & gt; & Lt; div वर्ग = "पंक्ति-द्रव" & gt; & Lt; div class = "span6" & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "इनपुट-ब्लॉक-स्तर" & gt; & Lt; / div & gt; & Lt; div class = "span6" & gt; & Lt; बटन प्रकार = "सबमिट करें" वर्ग = "बीटीएन कस्टम-बटन" & gt; खोज & lt; / button & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / प्रपत्र & gt; फिर आपको इसे स्पैन 6 की पूरी चौड़ाई लेने के लिए बटन को स्टाइल करने की आवश्यकता होगी।
। Custom-button {width: 100 %; } आपको संभवत: कुछ परीक्षण और त्रुटि की आवश्यकता होगी जिससे खाता चौड़ाई में खाता पद्मीकरण और amp; सीमाएं।
Comments
Post a Comment