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

玩转Bootstrap(基础)

  • <span class="badge">23</span>

    徽章可以在导航键的<li></li>里面使用上面的代码得到

    查看全部
    0 采集 收起 来源:徽章

    2018-04-20

  • 徽章可以使用<span></span>

    查看全部
    0 采集 收起 来源:徽章

    2018-04-20

  • 在Bootstrap框架中,要禁用按钮有两种实现方式: 方法1:在标签中添加disabled属性 方法2:在元素标签中添加类名“disabled” 两者的主要区别是:“.disabled”样式不会禁止按钮的默认行为,比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为,则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题,如果通过类名“.disable”来禁用按钮,其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为)(其实都无法点击,因为样式源码中的pointer-events:none,禁止了鼠标事件)</a>
    查看全部
  • botostrap   起步

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>Bootstrap的HTML标准模板</title>  
            <!-- Bootstrap -->
            <link href="css/bootstrap.min.css" rel="stylesheet">
            <!--你自己的样式文件 -->
            <link href="css/your-style.css" rel="stylesheet">       
            <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询,如果不需要用可以移除 -->
            <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
            <![endif]-->
        </head>
        <body>
            <h1>Hello, world!</h1>
           
            <!-- 如果要使用Bootstrap的js插件,必须先调入jQuery -->
            <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
            <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 -->
            <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
        </body>
    </html>

    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-04-20

  • 内容7-22


    查看全部
  • <script type="text/javascript">


        $(function(){


            $("li").click(function(){


                $(this).addClass("active").siblings().removeClass("active");


            })


        })


    </script>


    查看全部
  • 一套易用、优雅、灵活、可扩展的前端工具集--Bootstrap. Bootstrap由Mark Otto和 设计建立.

    在Github上开源之后,迅速成为最多人watch&fork的项目.同时涌现了许多基于Bootstrap建设的网站:界面清晰,简洁,要素排版利落大方.

    查看全部
  • https://img1.sycdn.imooc.com//5ad5cdeb0001b52103140229.jpg

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

    2018-04-17

  • https://img1.sycdn.imooc.com//5ad5cdb50001b52103140229.jpg

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

    2018-04-17

  • https://img1.sycdn.imooc.com//5ad5cc710001af7d03120072.jpg

    查看全部
    0 采集 收起 来源:代码(一)

    2018-04-17

  • https://img1.sycdn.imooc.com//5ad5b86c0001164f03030210.jpg

    查看全部
    0 采集 收起 来源:列表--简介

    2018-04-17

  • https://img1.sycdn.imooc.com//5ad5b80b0001d74703250289.jpg

    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-04-17

  • https://img1.sycdn.imooc.com//5ad5b7b70001d25803290168.jpg

    查看全部
    0 采集 收起 来源:强调相关的类

    2018-04-17

  • h1-h4,逐次递减6px,h1为36px,margin-top:20px  margin-bottom:10px

    h4-h6,逐次递减4px,h4为18px,margin-top:10px  margin-bottom:10px


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

    2018-04-17

  • bootstrap的代码风格有<code>、<pre>、<kbd>三种,

    查看全部
    0 采集 收起 来源:代码(一)

    2018-04-16

举报

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

微信扫码,参与3人拼团

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

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