文档章节

Bootstrap学习1

ricardohn
 ricardohn
发布于 2016/03/28 15:05
字数 244
阅读 34
收藏 1

1、标题样式:

例: <h1> 内容<small>副标题</small><h1>


2、正文样式:

强调内容:

<p class="lead">内容</p>

粗体:

<p>内容<b>粗体</b>内容</p> 
<p>内容<strong>粗体</strong>内容</p>

斜体:

<p>内容<i>斜体</b>内容</i> 
<p>内容<em>斜体</em>内容</p>

强调相关的类:

.text-muted:提示,使用浅灰色(#999)

.text-primary:主要,使用蓝色(#428bca)

.text-success:成功,使用浅绿色(#3c763d)

.text-info:通知信息,使用浅蓝色(#31708f)

.text-warning:警告,使用黄色(#8a6d3b)

.text-danger:危险,使用褐色(#a94442)

用法:

<div class="text-muted">.text-muted 效果</div>

文本对齐:

.text-left:左对齐

.text-center:居中对齐

.text-right:右对齐

.text-justify:两端对齐

用法:

<div class="text-right">.text-muted 效果</div>

3、列表:

去点无序列表:

<ul class="list-unstyled">
     <li>不带项目符号</li>
     <li>不带项目符号</li>
</ul>

内联列表(将列表内容去掉项目符号水平显示):

<ul class="list-inline">
    <li>W3cplus</li>
    <li>Blog</li>
    <li>CSS3</li>
    <li>jQuery</li>
    <li>PHP</li>
</ul>


© 著作权归作者所有

上一篇: Bootstrap学习2
下一篇: Python 内置函数
ricardohn
粉丝 1
博文 76
码字总数 30236
作品 0
成都
私信 提问
Bootstrap 3 How-To #2 标题,链接与按钮

Bootstrap 3 How-To #2 标题,链接与按钮 这个系列的要点来自一本名为 Twitter Bootstrap Web Development How-to 的书,但是,这本书的内容是基于以前版本的,与最新的 3.0 并不一致。 为了...

麦克风
2015/07/09
0
0
BootStrap学习总结

1.Bootstrap中文网(hhttp://www.bootcss.com/) 2.Bootstrap 教程(http://www.runoob.com/bootstrap/bootstrap-tutorial.html) 3.【前端框架之Bootstrap 02】布局与导航(http://www.cnblogs.c......

IT追寻者
2016/07/21
21
0
Bootstrap Table简单例子学习

1、Bootstrap Table简介 Bootstrap Table是基于Bootstrap的轻量级表格插件,只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。 2、所需要的库...

Elven_Xu
2015/12/31
4.3K
2
《前台框架BootStrap学习》系列技术文章整理收藏

《前台框架BootStrap学习》系列技术文章整理收藏 前台框架BootStrap学习系列整理了关于前台框架BootStrap方面的技术文章,一些实用的BootStrap使用示例,供大家学习BootStrap时参考 1CSS——...

开元中国2015
2015/06/22
218
0
BootStrap学习从现在开始

前言   原文链接 http://aehyok.com/Blog/Detail/6.html   当下最流行的前端开发框架Bootstrap,可大大简化网站开发过程,从而深受广大开发者的喜欢。本文总结了Bootstrap之所以广泛流传...

aehyok
2013/10/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Nginx 快速安装详解

一、Nginx Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器,同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点(俄文:Рамбле...

网络小虾米
16分钟前
4
0
技术分享 | slave_relay_log_info 表认知的一些展开

作者:胡呈清 slave_relay_log_info 表是这样的: mysql> select * from mysql.slave_relay_log_info\G *************************** 1. row *************************** Number_of_lin......

爱可生
18分钟前
3
0
nginx配置http访问自动跳转到https

server {listen 80;server_name www.域名.com;rewrite ^(.*) https://$server_name$1 permanent;}server {listen 443;server_name www.域名.com;root /home/www;ssl on;......

很好亦平凡ms
18分钟前
3
0
SpreadJS:一款中国研发的类Excel开发工具,功能涵盖Excel的 95% 以上

Excel 作为一款深受用户喜爱的电子表格工具,借助其直观的界面、出色的计算性能、数据分析和图表,已经成为数据统计领域不可或缺的软件之一。 基于Excel对数据处理与分析的卓越表现,把Excel...

葡萄城技术团队
18分钟前
2
0
用javafx框架tornadofx做了个天气预报的程序

class WeatherApp : App(WeatherView::class)class WeatherView : View("十五天天气预报") { val weatherVM: WeatherViewModel by inject() val controller: WeatherController by......

oschina4cyy
22分钟前
3
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部