बूटस्ट्रैप: फॉर्म फ़ील्ड सीमा हटाएं

Question

मैं सीएसएस के लिए नया हूं और मैं बूटस्ट्रैप का उपयोग कर रहा हूं और मैं फॉर्मों का उपयोग 2 तरीकों से करना चाहता हूं: फॉर्म फ़ील्ड के चारों ओर सीमाओं के साथ या बिना। मैं इसे सर्वश्रेष्ठ कैसे प्राप्त कर सकता हूं? यहां बूटस्ट्रैप फ़ॉर्म का एक उदाहरण दिया गया है, जिसके लिए मैं सीमाओं को हटाना चाहता हूं: plnkr.co/edit/xxx1Wy4kyCESNsChK4Ra?p=preview।

जिज्ञासा के लिए, मुझे यह कारण है कि, मैं पहले उपयोगकर्ता को अपने डेटा को दिखाना चाहता हूं, और उसके बाद सीमाओं को दिखाकर टॉगल करना है कि फ़ॉर्म "संपादन" मोड में है या नहीं। उपयोगकर्ता "संपादन" -लिंक पर क्लिक करके "संपादन" मोड दर्ज कर सकता है या बस एक फ़ील्ड को संपादित करना प्रारंभ कर सकता है।

Answer 1

कि उदाहरण में, सीमा को हटाने के लिए बस लिखें:

.form-control { 
    border: 0; 
} 

अपने सीएसएस फ़ाइल में।

यह हालांकि अपने सभी प्रपत्र फ़ील्ड्स से सीमाओं को हटा देगा, एक और अधिक लचीला दृष्टिकोण आप का कोई बॉर्डर नहीं करना चाहते प्रपत्र फ़ील्ड्स के लिए एक वर्ग संलग्न करने के लिए होगा, इसलिए अपने HTML होगा कुछ की तरह:

<input type="email" class="form-control no-border" id="inputEmail3" placeholder="Email"> 

और आपका सीएसएस:

.no-border { 
    border: 0; 
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */ 
}