一聚教程网:一个值得你收藏的教程网站

热门教程

Bootstrap 实现表格样式、表单布局的实例代码

时间:2022-06-25 15:26:52 编辑:袖梨 来源:一聚教程网

1. 表格的一些样式

举例:





My Test bootstrap
  css/bootstrap.min.css"> 
  


 
这是一个测试表格
姓名 年龄 地区
小胡子 26 陕西
大胡子 26 北京

页面效果:

2. 表格行或单元格的样式

举例:





My Test bootstrap
   
  


 
这是一个测试表格
姓名 年龄 地区
小胡子 26 陕西
大胡子 26 北京

页面效果:

3. 表单布局

(1)垂直表单:





My Test bootstrap
   
  


效果:

(2)内联表单:它的所有元素是内联的,向左对齐的,标签是并排的





My Test bootstrap
   
  


效果:

(3)水平表单:水平表单与其他表单不仅标记的数量上不同,而且表单的呈现形式也不同





My Test bootstrap
   
  


效果:

热门栏目