Bootstrap基本样式学习笔记之表单(3)
(编辑：jimmy 日期: 2025/6/22 浏览：3 次 )
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。
0x01 样式1
一个登录界面：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/jquery.min.js">效果如下：
0x02 样式2
如果要将label与文本框在同一行显示，修改如下：
上一篇：jQuery中get方法用法分析<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/jquery.min.js">效果如下：
0x03 样式3
如果将文本框放在同一行，修改如下：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="stylesheet"> <script src="/UploadFiles/2021-04-02/jquery.min.js">效果如下：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：jQuery删除当前节点元素
在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。