में सही काम नहीं करता है। मैं ट्विटर बूटस्ट्रैप संस्करण 2.3.2 से नवीनतम संस्करण 3 आरसी 1 में माइग्रेट कर रहा हूं। अब मैं खोज बटन के साथ एक समस्या को पूरा करता हूं शीर्ष नेविगेशन बार में। एचटीएमएल कोड के नीचे है:नेविगेशन बार पर खोज फ़ॉर्म पुल-बाएं/पुल-दाएं क्रोम
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Brand</a>
<div class="nav-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Nav Item 1</a></li>
<li class="active"><a href="#">Nav Item 2</a></li>
<li><a href="#">Nav Item 3</a></li>
<li><a href="#">Nav Item 4</a></li>
</ul>
<form class="navbar-form pull-right">
<div class="input-group">
<input type="search" class="form-control" placeholder="Search"/>
<span class="input-group-btn">
<button type="submit" class="btn btn-default">Search</button>
</span>
</div>
</form>
</div>
</div>
</div>
</body>
समस्या है, यह फ़ायरफ़ॉक्स में पूरी तरह से काम करता है, लेकिन क्रोम या IE 9 में यह खोज बॉक्स सुपर लंबी हो जाती है और इस प्रकार यह खोज नेविगेशन पट्टी के नीचे बॉक्स और बटन ले जाता है।
मैंने समस्या निवारण का प्रयास किया और पाया कि क्या मैंने फ़ॉर्म से "पुल-दाएं" हटा दिया है, खोज बॉक्स और बटन नेविगेशन आइटम्स के साथ इनलाइन से ऊपर ले जाया जाएगा, लेकिन उस प्रभाव को खो दिया है जो पुल-दाएं लाया गया - यह सब पर कब्जा करेगा दाईं ओर लाइन स्थान।
इसके अलावा डिबगिंग अगर मैं
<form class="navbar-form pull-right">
<div class="input-group">
<input type="text" placeholder="Search">
<button type="submit" class="btn btn-default">Search</button>
</div>
</form>
तो यह बस अच्छी तरह से काम करेगा साथ खोज प्रपत्र की जगह के रूप में; लेकिन यह मेरा उद्देश्य भी नहीं है।
मेरे कोड के साथ कोई समस्या? या यह संस्करण 3 आरसी 1 के साथ एक समस्या है? वैसे भी इसे संबोधित करने के लिए?
पुल सही करने के बजाय आप का उपयोग करना चाहिए नेवबार-सही, डॉक्स के अनुसार। – mikeytusa