为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

  • <div class="dropdown">

    <button class="btn btn-default dropdown-toggle " type="button" id="dropdownMenu1" data-toggle="dropdown">

    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">

    <li class="dropdown-header">菜单标题</li>

    <li><a href="#" role="menuitem" tabindex="0"></li>

    </ul>

    <div>

    查看全部
  • <ol>

        <li>有序列表一</li>

        <li>有序列表一

            <ul class="list-unstyled">

                <li>有序二级列表一</li>

                <li>有序二级列表一

                    <ul>

                        <li>无序三级列表一</li>

                        <li>无序三级列表一

                            <ul class="list-unstyled">

                                <li>无序四级列表一</li>

                                <li>无序四级列表一</li>

                            </ul>

                        </li>

                        <li>无序三级列表一</li>

                    </ul>

                </li>

                <li>有序二级列表一</li>

            </ul>

        </li>

        <li>有序项目列表三</li>

    </ol>


    查看全部
  • <li class="divider"></li>

    查看全部
  • <span class="glyphicon glyphicon-fire" ></span>

    加上内联样式,一个红色的火焰图标

    查看全部
    0 采集 收起 来源:图标(二)

    2019-02-28

  • <span class="glyphicon glyphicon-fire"></span>

    查看全部
    0 采集 收起 来源:图标(一)

    2019-02-28

  • img-circle圆形图片

    img-rounded圆角图片

    img-responsive响应式图片

    img-thumbnail缩略图片

    查看全部
    0 采集 收起 来源:图像

    2019-02-28

  • btn-lg大型

    btn-sm小型

    btn-xs超小型

    查看全部
    0 采集 收起 来源:块状按钮

    2019-02-28

  • <button class="btn" type="button">

    <input type="submit" class="btn btn-default" value="input标签按钮">

    <div/span class="btn btn-default">

    <a href="#" class="btn btn-default>


    查看全部
    0 采集 收起 来源:多标签支持

    2019-02-27

  • btn-default:默认按钮

    btn-primary:主要按钮

    btn-success:成功按钮

    btn-info:信息按钮

    btn-warning:警告按钮

    btn-danger:危险按钮

    btn-link:链接按钮

    查看全部
    0 采集 收起 来源:按钮

    2019-02-27

  • has-success成功状态(绿)

    has-warning警告状态(黄)

    has-danger危险状态(红)

    在div class里添加has-feddback,显示图标(icon)

    查看全部
  • 方法一:直接表单控件加上disable即可;

    方法二:在fieldset设置disable属性(在legend中加入输入框,无法被禁用)

    查看全部
  • form-inline 内联表单

    个人理解适合做网页顶部的一些小元素

    查看全部
    0 采集 收起 来源:内联表单

    2019-02-26

  • 水平表单布局

    form-horizontal

    查看全部
    0 采集 收起 来源:水平表单

    2019-02-26

  • .active当前活动的信息

    .success成功or正确的信息

    .info中立的信息或者行为

    .warning警告,需要注意

    .danger危险or错误行为

    查看全部
  • .table基础表格

    .table-hover鼠标悬停高亮表格

    .table-responsive响应式表格(具体作用是什么希望有大神回复告诉我一下)

    .table-striped斑马线(条纹线)表格

    .table-condensed紧凑型表格

    .table-bordered带边框表格

    查看全部
    0 采集 收起 来源:表格

    2019-02-26

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!