Bootstrap--排版

原创 2016年06月01日 21:27:55

1.标题
Bootstrap中定义了所有的标题
2.内联子标题
如果需要添加内联子标题,只需要简单的在元素两旁添加

<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1> 

3.引导主体副本
为了给段落添加强调文本,则可以添加class=”lead”,这将得到更大更粗行更高的文本

<p class="lead">引导主体副本</p>

4.强调

<small>设置文本为父文本大小的85%,<strong>设置文本为更粗的文本,<em>设置文本为斜体

5.缩写

<abbr>文本的底部一条虚线框,当鼠标悬停在上面时,会显示完整的文本。
<abbr title="World Wide Web">WWW</abbr><br>
<abbr title="Real Simple Syndication" class="initialism">RSS</abbr>

6.地址

<address>可以在网页上显示联系信息,默认为display:block
<address>
  <strong>Some Company, Inc.</strong><br/>
  007 street<br/>
  Some City, State XXXXX<br/>
  <abbr title="Phone">P:</abbr> (123) 456-7890
</address>

7.引用

<blockquote>添加一个 <small> 标签来标识引用的来源,使用 class .pull-right 向右对齐引用。
<blockquote class="pull-right">这是一个向右对齐的引用。<small>Someone famous in <cite title="Source Title">Source Title</cite></small></blockquote>

8.列表

列表分为有序列表和无序列表
无序列表是指没有特定顺序的列表,是以着重号开始的列表。可以使用class.list-unstyled移出样式

版权声明:本文为博主原创文章,未经博主允许不得转载。

BOOTSTRAP--表格

表格 表格应用 古典小说网 Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 table 为表格添加基础样式。 t...
  • shuilan0066
  • shuilan0066
  • 2017年07月26日 07:10
  • 149

bootstrap--导航

Bootstrap 中的导航组件都依赖同一个 .nav 类,状态类也是共用的。改变修饰类可以改变样式。 (1)标签页 Home Profile...
  • Sabrina_TSM
  • Sabrina_TSM
  • 2016年05月16日 17:41
  • 400

bootstrap--学习

JS组件系列——表格组件神器:bootstrap table 前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过。今天补起来吧。上午博主由零开始...
  • guoer9973
  • guoer9973
  • 2016年10月16日 15:43
  • 220

BOOTSTRAP--表单

Bootstrap表单 在本章中,我们将学习如何使用 Bootstrap 创建表单。Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。 垂直表单 ...
  • shuilan0066
  • shuilan0066
  • 2017年07月26日 07:54
  • 116

bootstrap--栅格系统

我想作为一个程序开发,最不想干的事就是前台页面的设计,没有多少技术含量,但是又是个精细活,你要知道很多的样式,记得人头大。好在bootstrap已帮你做好了这些问题了,这里写一些使用bootstrap...
  • chenqiangdage
  • chenqiangdage
  • 2015年05月15日 00:24
  • 1914

bootstrap--模态框

bootstrap 的模态对话框使用注意的两点。 一:作为模态框使用的那个div,最好是放在body的次级,作为直接子元素。就像下面这样;避免弹不出,被遮盖掉了等等。 ...
  • chenqiangdage
  • chenqiangdage
  • 2015年05月13日 22:05
  • 590

BootStrap--入门准备

屏幕分辨率(PX):指在横纵向上的像素点数,单位是px,1px=1个像素点。一般以纵向像素*横向像素来表示一个手机的分辨率,如1960*1080。(这里的1像素值得是物理设备的1个像素点)屏幕像素密度...
  • github_34514750
  • github_34514750
  • 2016年12月07日 09:31
  • 234

bootstrap--表格制作

bootstrap--表格制作
  • sunnyboysix
  • sunnyboysix
  • 2017年11月30日 23:12
  • 52

.NET快速排版

Ctrl+KS: 插入外部代码 如region用于标记代码分段折叠 ---------------------------------- Ctrl+KD: 快速按照缩进式排版代码 ----------...
  • jing_xin
  • jing_xin
  • 2013年07月10日 10:55
  • 1383

bootstrap--灵活的web工具

bootstrap是什么?     bootstrap是目前最流行的开发框架之一,它是基于HTML、css开发出来的框架,并且提供了很多的css和javascript的效果,非常便于网页设计开发人员...
  • zt15732621796
  • zt15732621796
  • 2016年07月31日 10:49
  • 524
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Bootstrap--排版
举报原因:
原因补充:

(最多只允许输入30个字)