如何用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等來定義樣式
最後也可以在輸入框的前面加入下拉選單,這種也是比較常用的功能,如下圖所示
-
用JS+CSS實現滑鼠懸停顯示提示框
我們在瀏覽網頁時,經常會看到有一些提示資訊是在滑鼠放上去後,才顯示出來的。這個功能如何做的?下面我們來看下。操作方法(01)首先,我們寫上對應的HTML,一個顯示標題,和標題的提示資訊。(02)頁面執行的初始效果如圖,還比較粗糙的。(03)我們為內容新增CSS樣式,為tips的父容器...
-
斐訊(phicomm)無線路由器怎麼設定
無線路由器的種類有很多,WiFi對人類生活越來越重要,每種無線路由器的設定不同,小編在這裡給大家介紹一下斐訊(phicomm)無線路由器怎麼設定。操作方法(01)將插在電腦上的網線拔掉,用額外準備的網線一頭連線電腦一頭連線路由器數字口,下面的“LAN口”都可以,把剛剛從電腦...
-
騰訊的QLV檔案怎麼用其他播放器看?
QLV是騰訊的加密專有格式,有版權保護,只能用騰訊的客戶端播放!操作方法(01)用Potplayer看QLV視訊的時候提示要安裝encv解碼器,如圖,樓主安裝以後開啟視訊的時候還提示這個,這是咋回事啊,預設的安裝位置是potplayer的安裝位置,我沒修改,是因為安裝位置不對嗎還是沒有呼叫解...
-
ie修復工具完美修復Internet Explorer無法使用
IE修復工具是一款針對IE瀏覽器無法開啟、IE瀏覽器崩潰、IE首頁被篡改及使用者無法上網所專門研發的一款瀏覽器修復工具。下面為大家介紹一下ie修復工具完美修復InternetExplorer無法使用。操作方法(01)首先在自己電腦上下載安裝電腦管家。(02)然後開啟電腦管家——點...