随笔分类 -  BootStrap笔记

• 第五章 CSS组件（上）
  摘要：Glyphicons Halflings 一般是收费的，但是他们的作者允许 Bootstrap 免费使用，包括250多个来自 Glyphicon Halflings 的字体图标。、 图标类不能和其它组件直接联合使用。应该创建一个嵌套的 <span> 标签，并将图标类应用到这个 <span> 标签上， 阅读全文
  posted @ 2021-03-09 09:16 小橙子儿 阅读(108) 评论(0) 推荐(0)
• 第四章 CSS 通用样式四（按钮）
  摘要：本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示： 以下样式可用于<a>, <button>, 或 <input> 元素上： 一、预定义样式 例： 1 阅读全文
  posted @ 2021-03-04 16:41 小橙子儿 阅读(279) 评论(0) 推荐(0)
• 第四章 CSS 通用样式三（表单）
  摘要：一、基本实例 单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好 阅读全文
  posted @ 2021-03-03 17:32 小橙子儿 阅读(449) 评论(0) 推荐(0)
• 第四章 CSS 通用样式二（表格）
  摘要：一、表格的基本实例 为任意 <table> 标签添加 .table 类可以为其赋予基本的样式 — 少量的内补（padding）和水平方向的分隔线。 例： 1 <table class="table"> 2 <tr> 3 <th>序号</th> 4 <th>班级</th> 5 <th>姓名</th> 阅读全文
  posted @ 2021-03-03 16:35 小橙子儿 阅读(168) 评论(0) 推荐(0)
• 第四章 CSS 通用样式一（Bootstrap排版）
  摘要：一、Bootstrap排版 1.1标题标签 1.1.1h1-h6标签 Bootstrap中对标题标签（h1-h6）的样式重新做了样式的定义，使用方式和HTML标签中使用方式一样： 例： 1 <!--标题标签--> 2 <h1>h1</h1> 3 <h2>h2</h2> 4 <h3>h3</h3> 5 阅读全文
  posted @ 2021-03-02 17:29 小橙子儿 阅读(330) 评论(0) 推荐(0)
• 第三章 Bootstrap基本架构
  摘要：本章主要学习Bootstrap的基本架构 1、使用Bootstrap实现响应式设计 2、使用Bootstrap栅格系统 一、使用Bootstrap实现响应式设计 1.1创建符合Bootstrap结构的HTML文件 1.1.1 Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面 阅读全文
  posted @ 2021-02-26 11:25 小橙子儿 阅读(324) 评论(0) 推荐(0)
• 第二章 初步使用Bootstrap
  摘要：一、Bootstrap环境安装 第一步：下载Bootstrap 您可以从https://v3.bootcss.com/上下载 Bootstrap CSS、JavaScript 和字体的文件。 生产环境的Bootstrap是指正式提供对外服务的，一般会关掉错误报告，打开错误日志。简单讲就是所谓的线上， 阅读全文
  posted @ 2021-02-24 17:29 小橙子儿 阅读(162) 评论(0) 推荐(0)
• 第一章 初识 Bootstrap
  摘要：一、Bootstrap概述 在学习BootStrap之前，您需要有HTML、CSS、JavaScript的基础知识。 Bootstrap，来自 Twitter，是目前最受欢迎的前端框架之一。BootStrap是基于HTML、CSS、JavaScript的，用于快速开发 Web 应用程序和网站的前端框 阅读全文
  posted @ 2021-02-24 11:17 小橙子儿 阅读(99) 评论(0) 推荐(0)