Bootstrap基础--文本对齐风格

简介: Bootstrap基础--文本对齐风格


在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格:

 ☑  左对齐,取值left

 ☑  居中对齐,取值center

 ☑  右对齐,取值right

 ☑  两端对齐,取值justify

为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格:

 ☑   .text-left:左对齐

 ☑   .text-center:居中对齐

 ☑   .text-right:右对齐

 ☑   .text-justify:两端对齐

具体源码查看bootstrap.css文件第488行~第499行:

.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}



相关文章
|
前端开发
Bootstrap-文本,背景,按钮样式
Bootstrap-文本,背景,按钮样式
97 0
|
前端开发
Bootstrap系列 -- 4. 文本内容强调
一. 文本强调基本样式   .text-muted:提示,使用浅灰色(#999)   .text-primary:主要,使用蓝色(#428bca)   .text-success:成功,使用浅绿色(#3c763d)   .
840 0
|
前端开发
Bootstrap系列 -- 5. 文本对齐方式
一. 文本对齐样式   .text-left:左对齐   .text-center:居中对齐   .text-right:右对齐   .text-justify:两端对齐   二. 使用方式 我居左 我居中 我居右 这个强调动手、项目主导的合作项目将首先提供科技方面的硕士学位,过几年会提供其他学位。
1276 0
|
前端开发
Bootstrap系列 -- 42. 导航条中的按钮、文本和链接
  Bootstrap框架的导航条中除了使用navbar-brand中的a元素和navbar-nav的ul和navbar-form之外,还可以使用其他元素。框架提供了三种其他样式:   1、导航条中的按钮navbar-btn   2、导航条中的文本navbar-text   3、导航条中的普通链接navbar-link   但这三种样式在框架中使用时受到一定的限制,需要和navbar-brand、navbar-nav配合起来使用。
1162 0
|
JavaScript 关系型数据库 数据库
bootstrap-wysiwyg中JS控件富文本中的图片由本地上传到服务器(阿里云、七牛、自己的数据库)
一、我假设你是要保存到自己的数据库中(因为上传到阿里云、七牛更简单原理一样的) 点击插入图片如下图: 1、其实你插入的时候不需要做什么处理一样也可以插入数据库的(但是前提你插入的那个字段必须要求足够空间比如Mysql你要用LONGTEXT类型,否则是存不下的这样子前台获取的时候就取不到)原因是你保存的时候,它把图片给转换为了data:image/gif;base64,这样子话所以一般不建议直接用,因为你可能存几张后就会出错了。
1495 0
N..
|
6月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
66 0
|
前端开发 容器
|
前端开发 容器
|
前端开发 开发者 容器