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

Bootstrap页面布局19 - BS提示信息

时间:2014-08-03 17:38:45      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   os   strong   2014   

提示信息的设计

提示信息的类

.alert:提示信息类

.alert alert-danger:

.alert alert-error:

.alert alert-success:

.alert alert-info:

.alert alert-block:

.alert alert-heading:

提示信息按钮

<a href=‘javascript:;‘ class=‘close‘ data-dismiss=‘alert‘></a>

代码块:

<div class=‘container‘>
    <h2 class=‘page-header‘>Bootstrap 提示信息</h2>
    
    <div class=‘alert alert-heading‘>
        <!--给这个提示框添加一个关闭按钮-->
        <a href=‘javascipt:;‘ class=‘close‘ data-dismiss=‘alert‘>关闭</a>
        <h4>温馨提示:</h4>
           Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.
    </div>
</div>

如图:

bubuko.com,布布扣

 

Bootstrap页面布局19 - BS提示信息,布布扣,bubuko.com

Bootstrap页面布局19 - BS提示信息

标签:style   blog   http   color   java   os   strong   2014   

原文地址:http://www.cnblogs.com/Zell-Dinch/p/3888453.html

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