码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap学习笔记<三>

时间:2015-12-04 18:21:59      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

文本对齐

.text-left:左对齐    .text-center:居中对齐    .text-right:右对齐    .text-justify:两端对齐

技术分享
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>文本对齐风格</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>

<body>
<p class="text-left">居左</p>
<p class="text-center">居中</p>
<p class="text-right">居右</p>
<p class="text-justify">There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. </p>
</body>
</html>
View Code

效果图

技术分享

 

bootstrap学习笔记<三>

标签:

原文地址:http://www.cnblogs.com/MirageFox/p/5020056.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!