99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

本篇文章為大家展示了bootstrap中怎么實現(xiàn)一個搜索框，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

先簡單看下對于這個控件官方的說明

Input groupEasily extend form controls by adding text, buttons, or button groups on either side of textual s.Contents    Basic example    Sizing    Checkboxes and radio addons    Button addons    Buttons with dropdowns    Segmented buttons    Accessibility

意思就是針對我們平常使用的表單提交功能，可以添加按鈕，文本到輸入欄的兩邊的位置。

下面的Contents的七個內(nèi)容就是它能實現(xiàn)的幾個基本功能，這里我們關注第四個button addons就可以了，其它的如果有興趣可以自行學習。

Button addonsButtons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you’ll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.

上面一段話就是指，在input groups里面的button和普通的不一樣，它需要一個不一樣的嵌套層次。其實簡單來說，就是我們不再使用input-group-addon，而使用input-group-btn來管理按鈕，我給出的demo代碼如下所示：

                                  查找               添加