Bootstrap中提供了三種類型的表單佈局:垂直表單、橫向表單以及內聯表單;它們透過外部引入Bootstrap中的JavaScript和CSS檔案以及在元素中新增類別名稱來設定表單控制項
HTML表單是網頁和應用程式中不可或缺的一部分,但是僅使用CSS來逐個手動設定表單控制項的方式通常很麻煩且枯燥乏味。如今隨著bootstrap的出現大大簡化了表單控制項例如表單中的標籤,輸入字段,選擇框以及提交框等樣式和對齊過程。接下來在文章中將為大家詳細介紹Bootstrap中的表單佈局樣式
#【推薦課程:Bootstrap課程】
在Bootstrap中提供了三種不同類型的表單佈局:
#垂直表單(預設表格佈局)
橫向表單
內聯表單
#接下來在文章中將和大家逐一詳細介紹這些表單版面以及各種與表單相關的Bootstrap元件
外部引入Bootstrap
<link rel="stylesheet" type="text/css" href=".\bootstrap-3.3.7-dist\css\bootstrap.css"> <script type="text/javascript" src=".\bootstrap-3.3.7-dist\js\bootstrap.min.js"></script>
建立垂直表單佈局
##這是預設的Bootstrap表單佈局,其中樣式應用於表單控件,而不會向以上是如何使用Bootstrap建立表單佈局的詳細內容。更多資訊請關注PHP中文網其他相關文章!