【前端】Bootstrap框架入门

发布时间:2018-07-27 11:33:55

1.Bootstrap入门

Bootstrap是Twitter公司于2011年8月开源的整体式前端框架,由Twitter的设计师Mark Otto 和 Jacob Thornton合作开发。

Bootstrap是当前应用最广泛、最为开发者所熟知的前端框架。

2.项目中引入Bootstrap:

引入CSS

        <link href=“bootstrap.css”rel=“stylesheet”></link>

引入JavaScript

        <sctript src=“bootstrap.js”></script>

3.Bootstrap重新定义了<h1>~<h6>的标签样式所有标题的行高都采用了1.1倍字体尺寸。

        <h1>Bootstrap入门<small>--基本样式</small></h1>

4.全局设置 对于段落(<p>元素),可以通过添加 class=“lead”进行突出显示。

        <p class=“lead”>…</p>

5.按钮基本样式

  .btn btn-default:标准样式,白色;

.btn btn-primary:主要按钮,深蓝色;

.btn btn-success:成功,绿色;

.btn btn-info:消息,淡蓝色;

.btn btn-warning:警告,橙黄色;

.btn btn-danger:危险操作,红色;

.btn btn-link:链接,和链接样式一样,同时保持按钮的行为


远近互联前端小华整理发布,希望能对学习技术的你有所帮助

远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】