weixin_52166438的博客

一：下载elegant_font图标 地址：https://www.elegantthemes.com/blog/resources/elegant-icon-font 下载后解压，解压后是有三个文件的，把那个HTML CSS文件夹拉到你的项目里即可 二：引用 在你的代码中引用它：（根据的路径稍微修改） <link rel="stylesheet" href="../HTML CSS/style.css"> 选择好你要用的图标（例如icon_pencil）后这样使用： <span ari

使用 Bootstrap 创建缩略图的步骤如下： 在图像外面添加带有 class .thumbnail 的 a 标签。 这会添加四个像素的内边距（padding）和一个灰色的边框。 当鼠标悬停在图像上时，会动画显示出图像的轮廓。 添加自定义的内容 我们可以向缩略图添加各种 HTML 内容，比如标题、段落或按钮。具体步骤如下： 把带有 class .thumbnail 的 a 标签改为 div。 在该 div 内，您可以添加任何您想要添加的东西。由于这是一个 div，我们可以使用默认的基于 span 的

按钮 使用button实现 基础样式：btn <button class="btn">按钮</button> .btn-default       默认/标准按钮 .btn-primary     原始按钮样式（未被操作） .btn-success     表示成功的动作 .btn-info    &nbsp

表格 直接在table标签后面写class="下面的样式" .table 为任意table添加基本样式 (只有横向分隔线) .table-striped 在 tbody内添加斑马线形式的条纹 ( IE8 不支持) .table-bordered 为所有表格的单元格添加边框 .table-hover 在tbody内的任一行启用鼠标悬停状态 .table-condensed 让表格更加紧凑 直接在tr或th或td后面写class=“下面的样式” .active 将悬

Bootstrap 排版 标题 Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。 内联子标题 如果需要向任何标题添加一个内联子标题，只需要简单地在元素两旁添加 small，或者添加 .small class，这样子您就能得到一个字号更小的颜色更浅的文本。 <h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> <h2>我是标题2 h2. <small>我是副标题2 h2<

网格系统 在我们网页设计中，网格系统是一种用来快速创建布局和有效使用html和CSS的方法。Bootstrap中提供了—套响应式，移动设备优先的流式网络系统，其中包含一系列的行与列的组合来创建页面布局，并且随着视口尺寸的变化，可以改变列的大小和数量，从而实现响应式布局。另外，一行最多包含12列。 以下是基本的网格系统格式 网格系统一般用div层来表示，最外层是container,是定宽布局容器，在这个容器下就是我们的行，行下面是列。 **上图解读：**当我们为视口宽度小于576px设计布局的时候，网格

bootstrap的使用 <meta name="viewport" content="width=device-width,initial-scale=1" /> <link rel="stylesheet" href="../css/bootstrap.min.css" > <script src="../jquery-1.12.0.min.js"></script> <script src="../js/bootstrap.min.js">&