form-group與input-group (Bootstrap)
整體是一個from-group,下面分兩列,一列放入文字標籤,一列放入輸入項
文字標籤要加上control-label類修飾,其實control-label 具有靠右對齊功能
input標籤加上form-control類修飾,使輸入框更加好看
輸入項中每一行都要用input-group修飾
最後執行的效果如下:
再舉一個例子
執行效果如下:
執行後的效果如下:
input-group表示一行
form-group表示一個文字加上一行,文字可以在這一行的左邊或上邊
input-group和input-group-addon一般會成對出現
上面程式碼執行結果如下:
再舉個例子如下:
執行效果如下
FR:徐海濤(QQ技術交流群:386476712)
相關推薦
form-group與input-group (Bootstrap)
整體是一個from-group,下面分兩列,一列放入文字標籤,一列放入輸入項 文字標籤要加上control-label類修飾,其實control-label 具有靠右對齊功能 input標籤加上form-control類修飾,使輸入框更加好看
[Linux] Linux 中的基本命令與目錄結構(初稿)
展開 src 文件名 auto 使用 bin target editor 提示符 Linux 中的基本命令與目錄結構 目錄 一、Linux 基本目錄結構 二、基本命令 三、瀏覽目錄 四、中間命令 五、更改密碼 六、環境變量和 shell 變量 七、命令路
時序圖與狀態圖(Rose) - Windows XP經典軟件系列
blog data- windows 功能 clas text 協作圖 mar content 以CAN轉UART(串口)為例。 功能簡單介紹: 當主程序收到CAN口的數據後;依據按鍵的不同來選擇是使用C
Java靜態分派與動態分派(二)
xiang oid main isp 準備 center 使用 name 編譯過程 方法調用並不等於方法執行,方法調用階段唯一的任務就是確定被調用方法的版本(即調用哪一個方法),暫時還不涉及方法內部的具體運行過程。 在程序運行時,進行方法調用是最普遍、最頻繁的操作,但是Cl
短路與&&(或 ||)和非短路與&(或 |)的區別
static ole pri args 驗證 java system string rgs 短路與是JAVA語言中的一個邏輯運算符,記作&& A&&B, 當A為false時,不去計算B的值而直接返回false;當A為true時,計算B的值。
java面向對象與設計模式(四)
工廠方法模式 java 選擇 缺點 一個 聯系 面向 抽象工廠 pan 第五式 抽象工廠模式 定義:提供一個創建一系列相關或相互依賴對象的接口,而無需指定他們具體的類。(創建的對象之間有約束) 抽象工廠模式的本質:選擇產品簇的實現 優點:分離接口和產品簇,使得切換產品簇變得
【經典數據結構】B樹與B+樹(轉)
linux 每分鐘 www 數據 csapp png 感知 轉動 繼續 本文轉載自:http://www.cnblogs.com/yangecnu/p/Introduce-B-Tree-and-B-Plus-Tree.html 維基百科對B樹的定義為“在計算機科學中,B
Python學習:基本數據類型與變量(中)與基礎之條件及循環(上)
sets 但是 while循環 spl view put 算數運算 sse 邏輯運算 一.數據類型和變量 1.可變與不可變數據類型 可變數據類型:在id不變的情況下,數據類型內部的元素可以改變 列表 字典 不可變數據類型:value改變,id也跟著改變
容器與Docker簡介(三)Docker相關術語——微軟微服務電子書翻譯系列
進程 數據 public 圖像 over 表示 -c ice ner 本節列出了在更加深入Docker之前應該熟悉的術語和定義。 有關詳細的定義,請參閱Docker提供的術語表。 容器鏡像(Container image):具有創建容器所需要的所有依賴和信息的包。 鏡像
JVM基礎:深入學習JVM堆與JVM棧(轉)
面向 對象的引用 進入 信息 分離 字節 address 出現 運行 JVM棧解決程序的運行問題,即程序如何執行,或者說如何處理數據;JVM堆解決的是數據存儲的問題,即數據怎麽放、放在哪兒,另外JVM堆中存的是對象。JVM棧中存的是基本數據類型和JVM堆中對象的引用。 JV
java內存管理與GC機制(一)
大於 一個棧 es2017 記錄 高速 工作 限制 fin 不存在 計算機cpu運轉速度越來越快,硬盤遠遠跟不上cpu的讀寫速度,就設計可內存。隨著cpu的發展,內存的讀寫速度也跟不上cpu處理速度,就在每顆cpu上加入了高速緩存。在多處理器系統中,每個處理
echarts中視覺映射器(visualMap)與時間軸(timeline)混用的實現方法
images mon label axis poi max 時間軸 asc clas 1、簡述 echarts中的 timeline 組件,提供了在多個 ECharts option 間進行切換、播放等操作的功能。 與其他組件些不同,它需要操作『多個option』。 所
CST,CET,UTC,GMT,DST,Unix時間戳幾種常見時間概述與關系(轉)
使用 ndb 過程 發布 英國倫敦 國家 包括 世界時間 com 轉自:http://www.cnblogs.com/frontendBY/p/5215785.html 1、UTC: Universal Time Coordinated 協調世界時,又稱世界標準時間
[神經網絡與深度學習(一)]使用神經網絡識別手寫數字
線性 部分 logs 結構 這一 可用 調整 重復 http 1.1 感知器 感知器的輸出為: wj為權重,表示相應輸入對輸出的重要性; threshold為閾值,決定神經元的輸出為0或1。 也可用下式表示: 其中b=-threshold,稱為感知器的偏置
實數系與實數定理(下)
space spa pic .cn php uid .com com http http://pic.cnhubei.com/space.php?uid=1733&do=album&id=1348108http://pic.cnhubei.com/space
[email protected]註解與自動裝配(轉發)
配置 調用方法 support autowired 信息 ann over 反射機制 test 1 配置文件的方法我們編寫spring 框架的代碼時候。一直遵循是這樣一個規則:所有在spring中註入的bean 都建議定義成私有的域變量。並且要配套寫上 get 和 se
(十二) web服務與javaweb結合(3)
pack ppi web工程 配置 time star con http ont 一、需求 上一章節雖然將webservice和web項目綁定在了一起,但是還是不能共同一個端口,本章講解webservice和web項目綁定且共同端口。 二、案例 2.1 創建w
web應用與web框架(Day65)
pos ack ++ 環境 lex roo http請求 main conn Web應用 對於所有的web應用,本質上其實就是一個socket服務端,用戶的瀏覽器其實就是一個socket客戶端 import socket def handle_request(clien
VRRP與VLAN實驗(HuaWei)
vrrp vlan 華為; 虛擬路由冗余協議(VRRP):是由IETF提出的解決局域網中配置靜態網關出現單點失效現象的路由協議。 通俗點說就是:當局域網中某臺主機網關所對應的路由器接口出現故障時。主機還是可以訪問互聯網(因為在局域網中對這臺主機的網關做了備份----即使用了VRRP協
EL與JSTL學習(二)——JSTL技術
功能 裝包 str 常用標簽 bsp jsp頁面 reac and 返回 1.JSTL概述 JSTL(JSP Standard Tag Library),JSP標準標簽庫,可以嵌入在jsp頁面中使用標簽的形式完成業務邏輯等功能。 jstl出現的目的同el一樣也是要代替j