मैं एक इनपुट समूह बाईं तरफ और सही पर अब केवल एक बटन के रूप में इस छवि में दिखाया गया के लिए एकाधिक बटन है कि लागू करने के लिए कोशिश कर रहा हूँ , है जैसे ही मैंने हर पक्ष के लिए एक से अधिक बटन है, इनपुट क्षेत्र अधिकतम चौड़ाई के आकार बदलता है और छोटे प्रदर्शित करता है पर एक बटन बाहर किक:एकाधिक बटन
छोड़ दिया और एक बटन पर केवल एक बटन के साथ पर
Le कोड::
<div class="input-group br">
<span class="input-group-btn">
<div class="btn-group">
<a href="#" class="btn btn-primary clear-search">
<span class="glyphicon glyphicon-refresh"></span>
</a>
<a href="#" class="btn btn-primary qr-code">
<span class="glyphicon glyphicon-qrcode"></span>
</a>
</div>
</span>
<input class="form-control search" type="search" name="search" placeholder="Search">
<span class="input-group-btn">
<div class="btn-group dropup">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-search"></span>
Search
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="buyer-identifier" href="#">Buyer Number</a></li>
...
<li class="divider"></li>
<li><a class="clear-search" href="#">Clear Search</a></li>
</ul>
</div>
</span>
</div>
कैसे सभी के लिए पहली छवि काम करने के लिए पर कोई विचार सही है, यह सभी आकार की स्क्रीन पर 100% काम करता है स्क्रीन आकार?
क्या यह बूटस्ट्रैप 4 चीज है? मुझे यकीन नहीं है कि यह इस विशेष प्रश्न के लिए प्रासंगिक है। – isherwood