首页 > Bootstrap学习记录-2.container和table

Bootstrap学习记录-2.container和table

1. Container

Bootstrap中容器类提供了2个类标识:containercontainer-fluid

两者的区别在于:

container:容器不止有15px的padding,还有一个随着浏览器宽度变化而变化的margincontainer-fluid:只有固定的15px的padding

因此,container类的自适应是通过修改margin的改变来完成的,而container-fluid类的百分百宽度是指在固定的15px的padding前提下宽度总是当前视窗的宽度。

2. Table

Bootstrap中表格的标识符包括:tabletheadtbodytrthtd

其中,table表示表格主体,thead表示表头,tbody表示表体,tr表示表格的一行,th表示表头单元格,td表示标准单元格。

  • table元素需要使用.table类进行装饰。
  • .table-striped类用来表示表体的行的斑马色。
  • .table-bordered类用来显示表格及单元格的边框。
  • .table-hover类用来设置表体的行在鼠标停留时的突出显示状态。
  • .table-sm类表示将单个元的padding减少一半,使得表格更紧凑。
  • .table-responsive类表示表格内容超出显示时,将显示水平滚动条。
  • .table-*类能够改变背景色,能够应用在tabletrtd元素上,比如,.table-dark表示黑色。
  • .thead-*类能够改变表头背景色,比如,.thead-dark表示黑色。
  • caption元素用来帮助使用屏幕阅读器的用户快速识别表格,并理解表格意思,类似于对表格内容的说明。

    一个表格的基本构成为
......
序号
1

转载于:https://www.cnblogs.com/DreamOfLife/p/9407985.html

更多相关:

  • pcl_common库包含大多数PCL库使用的公共数据结构和方法。核心数据结构包括PointCloud类和许多用于表示点、表面法线、RGB颜色值、特征描述符等的点类型。它还包含许多用于计算距离/范数、均值和协方差、角度转换、几何变换,等等。这个模块是不依赖其他模块的,所以是可以单独编译成功,单独编译出来可利用其中的数据结构自行开发,当...

  • 一. 字符型的分类和表示范围        char:是有符号还是无符号数视编译器而定,一般为有符号数,下文把它全部当成有符号数进行讨论                    表示范围:32位和64位机器上均是一个字节,所以是八个bit位,最高位为符号位之后,后七位是数据位,所以它的取值范围是-128---127(-2^7---2...

  • 第五章 [BX]和loop 1.内存单元间接表示: [bx] mov  dl, [0];  dl  ←  ((ds)×16 + 0) mov  bx, 0 mov  dl, [bx];  dl  ←  ((ds)×16 + (bx)) 可以使用bx间接访问内存单元。默认,段地址在ds。   2.loop指令 (1) 语法格式    ...

  • Servlet API: javax.servlet.http.HttpServletResponse 用于创建HTTP响应,包括HTTP协议的状态行、响应头以及消息体 HTTP状态码: 100-199:表示信息性代码,标示客户端应该采取的其他动作,请求正在进行。 200-299:表示客户请求成功。 300-399:表示用于已经移走的...

  • @author YHC 这个示例展示如何排序datagrid通过点击列表头. 查看 Demo 在datagrid的所有columns 可以通过点击列表头排序,你可以定义哪行可以排序,默认的列是不能排序的除非你设置sortable 属性为true 创建an DataGrid

    -->