Bootstrap元件 輸入框組

2021-09-12 06:32:06 字數 493 閱讀 7625

@  

尺寸

為 .input-group 新增相應的尺寸類,其內部包含的元素將自動調整自身的尺寸。不需要為輸入框組中的每個

元素重複地新增控制尺寸的類。@@

@

作為額外元素的多選框和單選框

可以將多選框或單選框作為額外元素新增到輸入框組中。

作為額外元素的按鈕

為輸入框組新增按鈕需要額外新增一層巢狀,不是 .input-group-addon,而是新增 .input-group-btn 來

包裹按鈕元素。由於不同瀏覽器的預設樣式無法被統一的重新賦值,所以才需要這樣做。

go!

作為額外元素的**式按鈕下拉列表

action

Bootstrap《基礎十五》 輸入框組

原文 bootstrap 基礎十五 輸入框組 通過向輸入域新增字首和字尾的內容,您可以向使用者輸入新增公共的元素。例如,可以新增美元符號,或者在 twitter 使用者名稱前新增 或者應用程式介面所需要的其他公共的元素。向.form control新增字首或字尾元素的步驟如下 下面的例項演示了基本的...

Bootstrap《基礎十五》 輸入框組

原文 bootstrap 基礎十五 輸入框組 通過向輸入域新增字首和字尾的內容,您可以向使用者輸入新增公共的元素。例如,可以新增美元符號,或者在 twitter 使用者名稱前新增 或者應用程式介面所需要的其他公共的元素。向.form control新增字首或字尾元素的步驟如下 下面的例項演示了基本的...

Bootstrap學習筆記(七) 輸入框組

通過在文字輸入框 前面 後面或是兩邊加上文字或按鈕,可以實現對表單控制項的擴充套件。為 input group 賦予 input group addon 或 input group btn 類,可以給 form control 的前面或後面新增額外的元素 class input group clas...