如何用Bootstrap製作輸入框組
工具/材料
Sublime Text
操作方法
首先用Sublime Text工具新建HTML5頁面,導入bootstrap的樣式文件和腳本文件,如下圖所示
然後我們調用input-group樣式來讓輸入框組中的元素在同一行,如下圖所示
當然input-group-addon不只可以放在輸入框的前面,也可以放在輸入框的後面,如下圖所示
也可以通過input-group-lg樣式讓輸入框組中的元素變大,還有其他的一些控制大小的樣式你可以查一下API
接下來你也可以在input前面加入複選框,如下圖所示,將複選框放在input-group-addon裏即可
還可以在輸入框組中定義button按鈕,如下圖所示,按鈕可以通過btn-default,btn-primary等來定義樣式
最後也可以在輸入框的前面加入下拉菜單,這種也是比較常用的功能,如下圖所示
-
怎樣註銷支付寶賬户
支付寶(中國)網絡技術有限公司是國內領先的第三方支付平台,致力於提供“簡單、安全、快速”的支付解決方案。支付寶公司從2004年建立開始,始終以“信任”作為產品和服務的核心。旗下有“支付寶”與“支付寶錢包”兩個獨立品牌。自2014年第二季度開始成為當前全球最...
-
webstorm有什麼吸引開發者的特性功能?
webstorm是一個前端開發工具,相對眾多的開發工具,webstorm有什麼吸引開發者的特性功能?下面一起來看下。操作方法(01)相對於其它開發工具,webstorm是專為前端而生的。對HTML元素,在代碼上有屬性提示,如圖,我們在寫一個P元素後,打上一個空格後,就會彈出P所有支持的HTML屬性...
-
華為悦盒看電視直播
華為悦盒內置的程序中並沒有看電視直播的軟件,安裝一個電視家即可,讓小編教給你安裝指南。操作方法(01)將電視與華為悦盒用數據線連接好後,打開電視機和華為悦盒的電源,等待系統啟動。(02)在電腦上將下載好的電視直播程序存放到U盤上,並將U盤插入到華為悦盒上。(03)在華為...
-
word怎麼橫向打印大字體
在工作學習中很多時候用到word橫向打印以及大字號大字體的打印,下面以“大字體打印”五個字進行演示。操作方法(01)打開word2013,在功能區的頁面佈局中單擊紙張方向。(02)整個word的紙張就變成了橫向,然後就可以輸入我們想要的文本內容了。(03)選中所輸入的文本內容,在開...