当前位置: 首页 > 编程日记 > 正文

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元素用来帮助使用屏幕阅读器的用户快速识别表格,并理解表格意思,类似于对表格内容的说明。
    一个表格的基本构成为
<table><caption></caption><thead><tr><th>序号</th><th></th>...</tr></thead><tbody><tr><th>1</th><td></td>...<tr></tbody>
</table>

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

相关文章:

java中super用来定义父类,Java中super的几种用法及与this的区别

综观目前的 Web 应用&#xff0c;多数应用都具备任务调度的功能。本文由浅入深介绍了几种任务调度的 Java 实现方法&#xff0c;包括 Timer&#xff0c;Scheduler, Quartz 以及 JCron Tab&#xff0c;并对其优缺点进行比较&#xff0c;目的在于给需要开发任务调度的程序员提供有…

1001 A+B

代码链接 PDF链接 首先要说的是这道题的难点是如何把数字输出加入逗号&#xff0c;毕竟数据范围并没有超过Long。当然这个难点也不是问题&#xff0c;将数字转为字符串,C中就有这样的函数&#xff0c;然后再用 %30 这样来控制输出 。 但我最近出于想要建立自己的代码库的想法&a…

pma mysql_Table ‘phpmyadmin.pma_table_uiprefs’ doesn’t exist mysql

Error: #1146 – Table ‘phpmyadmin.pma_table_uiprefs’ doesn’t exist mysqlJust upgrade my ubuntu 14 to 15. all looks good then i go to my localhost phpmyadmin and tried to open database then found a strange error like mysql said: #1146 – Table ‘phpmyadm…

Qt字符编码,创建中文文件

1.代码文件本身编码&#xff1b; 2.Qt中用于控制读入和写出文件系统时的字符编码由QTextCodec::setCodecForLocale()所决定。一般不用设置&#xff0c;Qt跟系统交互时会根据系统的Locale来更改传给系统的参数的编码&#xff1b; //utf8格式 QString str1("你好Hello\r\…

Python 查看本机WiFi密码

http://www.lijiejie.com/python-get-all-saved-wifi-passwords/ 很早以前我写过一个&#xff0c;丢了。 今天偶然看到这篇文章 &#xff0c; 也是很久以前写的&#xff0c;他用的方法太烦了。 dos命令不是可以取本机WiFi密码吗。 #coding:utf-8 import os import re impor…

五连阳回调买入法_“4连阳+1阴”这种股票,吃透主升浪!挣得万贯家财

根据以往的个股表现情况来看&#xff0c;那些即将进入主升浪的个股具有以下几个特点&#xff1a;1、个股前期已经有了一定的涨幅&#xff0c;但向上的步伐比较谨慎&#xff0c;走势比较温和;2、股价所处的位置并不低&#xff0c;有的是一段时期以来的最高位置&#xff0c;有的甚…

java有模糊查询吗,到底Java里的模糊查询语句该怎么写

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼现在String sql"select * from car where carName like %?%";可以查询出结果了&#xff0c;但问题又来了&#xff0c;只能查询出一条结果&#xff0c;代码如下carDao.java页面public ArrayList queryAppoint(String car…

stm32的rxne和idle中断_HAL库的STM32F767的DMA通过IDLE中断接收数据但不能访问

仿真能看到接收缓冲区数组中的数据&#xff0c;但不能访问&#xff0c;如果不访问&#xff0c;再开启DMA接收能正常接收&#xff0c;并且在仿真状态下也能查看。只要访问一次这个数组&#xff0c;下一次开启DMA接收后就不能接收数据了。原代码如下&#xff1a;if(rx_end 1){rx…

使用OpenRowSet操作Excel Excel导入数据库

使用 OpenRowSet 和 OpenDataSource 访问 Excel 97-2007 测试文件&#xff1a;D:\97-2003.xls和D:\2007.xlsx&#xff0c;两个文件的内容是一模一样的。 测试环境&#xff1a;SQL Server 2000 / 2005。 ---------------------------------------------------------------------…

在Windows上搭建Git Server

Git在版本控制方面&#xff0c;相比与SVN有更多的灵活性&#xff0c;对于开源的项目&#xff0c;我们可以托管到Github上面&#xff0c;非常方便&#xff0c;但是闭源的项目就会收取昂贵的费用。 那么私有项目&#xff0c;如何用Git进行代码版本控制呢&#xff1f;我们可以自己…

pci串口驱动安装失败_TSC TTP-243E Pluse装LTP并口驱动无法安装

一、前言描述接到客户报修说&#xff0c;电脑无法开机&#xff0c;即到哥上门维修立即安排人员到现场查看原因&#xff0c;到现场后&#xff0c;查看的确是电脑系统问题&#xff0c;重新安装系统&#xff0c;安装完成系统后&#xff0c;发现打印机无法使用。这个打印机型号是TS…

PHP中阶,PHP进阶

PHP功能的强大首先在于它的大量的内置函数库&#xff0c;它可以让初学者也能执行许多复杂的任务&#xff0c;而不必安装新的库和关心底层的详细情况&#xff0c;而这恰恰是其它流行的诸如Perl这样的客户端语言所不具备的。由于这个教程的限制&#xff0c;我们仅仅学习了一些与M…

安卓手机格式化怎么弄_安卓手机无法启动如何进行格式化

当我们在使用安卓智能手机的时候&#xff0c;由于使用错误或者出现的各种问题导致手机无法重启&#xff0c;相信你一定会感到很烦恼&#xff01;而如果手机混乱到无法启动&#xff0c;格式化是一个不错的尝试方法&#xff01;下面给大家介绍手机格式化的方法和注意事项&#xf…

位域 内存 字节序_JS操作内存?二进制数组了解一下

二进制数组的由来主要是为了提高浏览器与显卡之间的通信效率&#xff0c;由二进制数据代替传统的文本。二进制数组主要有三个对象&#xff1a;ArrayBufferTypedArrayDataViewArrayBuffer对象ArrayBuffer是一个构造函数&#xff0c;参数是一个数字&#xff0c;代表索取多少个字节…

求排列的逆序数(分治)

考虑1,2,…,n (n < 100000)的排列i1&#xff0c;i2&#xff0c;…&#xff0c;in&#xff0c;如果其中存在j,k&#xff0c;满足 j < k 且 ij > ik&#xff0c; 那么就称(ij,ik)是这个排列的一个逆序。 一个排列含有逆序的个数称为这个排列的逆序数。例如排列 263451 含…

mysql 查看当前事务id,MySQL 如何查询当前最新事务ID

写在前面&#xff1a;在个别时候可能需要查看当前最新的事务 ID&#xff0c;以便做一些业务逻辑上的判断(例如利用事务 ID 变化以及前后时差&#xff0c;统计每次事务的响应时长等用途)。通常地&#xff0c;我们有两种方法可以查看当前的事务 ID&#xff1a;1、执行 SHOW ENGIN…

password

pwdText wx.TextCtrl(panel, -1, ”password”, size(175, -1), stylewx.TE_PASSWORD)转载于:https://www.cnblogs.com/chengxuyuan326260/p/6364695.html

java 自带thread分析工具_java自带的jvm分析工具

这段时间觉得很有必要对java的内存分析工具进行熟悉&#xff0c;这样以后出现机器负载较高&#xff0c;或者反应很慢的时候&#xff0c;我就可以查找原因了。上网搜了搜&#xff0c;发现下面这些是比较常用的&#xff0c;然后我在机器上试试了&#xff0c;把结果也贴出来哈。1.…

Python笔记:字典的fromkeys方法创建的初始value同内存地址问题

dict中的fromkeys()函数可以通过一个list来创建一个用同一初始value的dict。 1 d dict.fromkeys(["苹果", "菠萝"], [apple, pineapple]) 2 print(d) 3 d.get("苹果").append(orange) 4 print(d){苹果: [apple, pineapple], 菠萝: [apple, pine…

表格下划线怎么加粗_这招高!Excel签名栏的下划线随列宽变化,是不是感觉牛哄哄的?...

职场牛人的世界总有各种高招&#xff0c;随手蹦出&#xff0c;令人赞叹不已&#xff01;今天早上去填一个表格&#xff0c;在输入签名时&#xff0c;突然发现签名处的下划线是随着列宽的变化而自动变化&#xff0c;这绝对是动态的&#xff0c;这是怎么做到的呢&#xff1f;我特…

JS高级程序设计拾遗

《JavaScript高级程序设计&#xff08;第三版&#xff09;》反反复复看了好多遍了&#xff0c;这次复习作为2017年上半年的最后一次&#xff0c;将所有模糊的、记不清的地方记录下来&#xff0c;方便以后巩固。 0. <script>元素属性 async表示立即下载脚本&#xff0c;但…

mysql建立高效索引,如何知道你建立的MySQL索引是高效,合理的

不管是开发人员&#xff0c;仍是数据库维护人员&#xff0c;给表建立索引是很常见的事情。普通到什么程度&#xff0c;初级&#xff0c;中级开发人员的印象中&#xff0c;只要写的sql语句效率不高&#xff0c;第一反应就是建索引&#xff0c;而无论这个字段是否适合建立索引。反…

32位java 最大内存_【答疑系列】为什么32位系统只支持最大4G内存?

这个问题一直都有同学问到&#xff0c;算是提问次数最多的问题之一了。32位是什么现在主流的操作系统都是64位的&#xff0c;早期存在32位操作系统&#xff0c;相信大家也都有所听闻&#xff0c;其实&#xff0c;在更早之前&#xff0c;还有16位、8位的&#xff0c;这里就不展开…

新手C#string类常用函数的学习2018.08.04

ToLower()用于将字符串变为小写&#xff0c;注意字符串的不可变特性&#xff0c;需要重新赋值给另一个字符串变量。 s s.ToLower();//字符串具有不可变性&#xff0c;转换后需要重新赋值&#xff0c;不可仅有s.ToLower(); 这可以使用户的输入不区分大小写&#xff0c;例如验证…

开始使用博客了,改变从这里开始。

开始使用博客了&#xff0c;改变从这里开始。 开始使用博客了&#xff0c;改变从这里开始。 开始使用博客了&#xff0c;改变从这里开始。转载于:https://www.cnblogs.com/hello001/p/6367259.html

php 贝瑟尔曲线,贝塞尔曲线的应用详解

简介贝塞尔曲线是可以做出很多复杂的效果来的&#xff0c;比如弹跳球的复杂动画效果&#xff0c;首先加速下降&#xff0c;停止&#xff0c;然后弹起时逐渐减速的效果。使用贝塞尔曲线常用的两个网址如下&#xff1a;缓动函数&#xff1a;cubic-bezier&#xff1a;如何用贝塞尔…

区别 eks_sport 和 exercise 有什么区别?看完你就清楚了!

说到“运动”sport 这个单词应该是不少人看到“运动”的第一反应吧sport /spɔ:t/ n.体育运动例如&#xff1a;Id say football is my favourite sport.我最喜欢的运动要数足球了。习语&#xff1a;be a sport 讲交情例如&#xff1a;Shes a good sport.她很讲交情。sport通常指…

java gps时间转换工具_java 时间戳和时间互转工具 和 时间偏移量计算

时间互转代码片段&#xff1a;* 时间戳 转 时间 ** param beginDate* return* see [类、类#方法、类#成员]*/public static String timeStampToTime(String beginDate){SimpleDateFormat sdf new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");Date date new Date(Long…

tcp 状态转换.

命令行:rootubuntu:/home/linson# netstat -apt | grep 3030 server,listen 服务端根据端口生成一个socket.用于监听连接.也就是监听3次握手,当3次握手成功,建立一个连接接放入队列中. 也就是说执行了listen,会自动应答3次握手,如果不执行listen,没有api会帮你处理3次握手. 所以…

增加、修改、删除

第一;,models.py建表 from django.db import models# Create your models here.class Book(models.Model): #必须继承models.Model这个类&#xff0c;jango才能识别Book是一张表namemodels.CharField(max_length20)#charfield字符串类型&#xff0c;长度20#pricemodels.FloatFi…