为了账号安全,请及时绑定邮箱和手机立即绑定
  • 打开标签页

    查看全部
  • 弹出框代码

    查看全部
    0 采集 收起 来源:弹出框制作

    2021-01-20

  • 滚动广告:

    查看全部
    0 采集 收起 来源:滚动图片广告

    2021-01-18

  • 下拉菜单代码

    查看全部
  • 导航条基本代码

    查看全部
  • 案例效果:浏览器博物馆

    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">

    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">


    <title>Hello World</title>



    </head>


    <body>

        <div class="container nav-main" >

            <h1 class="web-title">Hello World!</h1>

            <button type="button" class="btn btn-lg btn-primary">我是按钮,按我一下!</button>

        </div>

        

        <script src='http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js'></script>

        <script src='http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>


    </body>

    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2021-01-07

  • bootstrap

    html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。

    查看全部
    0 采集 收起 来源:练习题

    2020-07-13

  • 下拉菜单!http://img3.mukewang.com/5ee828c20001822810430584.jpg

    查看全部
  • 1.Carousel是一个用于轮播内容的组件(bootstrap对于组件的实现是用data属性来实现的) Carousel基本结构如下图:<ol></ol>对应轮播图下面的小点点;ol下面的div对应轮播组件内容,而组件内容中的div可通过p、h来,设置图片文字,<a class="btn 其他按钮类名">来设置有超链接的按钮,如:下载;div下面的两个<a>对应轮播的用于鼠标切换的左右按钮 ol中的data-slid-to=“0”表示index(即缩影)为从0开始,这里<li>的个数及li中data-slid-to=“”的编号与下面轮播内容的个数相对应 http://img.mukewang.com/554cb5c00001a08012000530-120-68.jpg 限制轮播内容的height:只需在style下设置.carousel{height: ; blackground-color:#000;(没有图片的部分显示为黑色) } .carousel .item{height: ; background-color:#000;} .carousel img{ width:100%;} 还可另外设置间距,文字大小等。
    查看全部
    0 采集 收起 来源:滚动图片广告

    采集自:kingry 2020-05-02

  • Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架

    查看全部
    0 采集 收起 来源:练习题

    2020-05-01

  • Bootstrap

    查看全部
    0 采集 收起 来源:课程介绍

    2020-05-01

  • <!DOCTYPE html>//html5的定义

    <html lang="en>

      <head>

           <meta charset="utf-8"> //页面uft-8编码

           <meta http-equiv="X-UA-Compatible" content ="IE=edge">//bootstrap不支持IE的兼容模式,这句是为了在IE运行最新的渲染模式

           <meta name="viewport" content="width=device-width, initial-scale=1">//适配移动浏览器时一般都要加上的代码。

    平时使用的移动浏览器是把页面放在一个虚拟的视口, 即"viewport"中,通常这个虚拟视口比屏幕宽,这样就不用每个网页挤到一个很小的视口中,但是这样会破坏没有针对移动浏览器优化的网页布局,用户可以通过平移和缩放来看网页不同的部分;viewport可以让网页开发者控制大小和缩放 

    //视口的宽度等于物理设备的宽度,设置初始缩放比例, 即页面第一次载入时缩放比例,这里设置为1,不作任何的缩放

    <link href="css/bootstrap.min.css" rel="stylesheet">//载入Bootstrap的CSS样式

    </head>

    <body>

      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

      <script src = "js/bootstrap.min.js"></script>

    //加入jQuery和Bootstrap js插件的支持

    //css文件放在head中,js文件要放到body的最下面

    </body>


    查看全部
  • Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用

    查看全部
  • 【完整版】
    查看全部
    0 采集 收起 来源:编程挑战

    采集自:慕前端12138 2020-04-15

  • 国&老婆好(;Y 他9看7&天天 看大数据战略7吗6&)安 粘&孜7发6 t
    查看全部
    1. Tooltip 浮动提示框效果

    2. data-toggle="tooltip"

    3. data-placement="left" 代表位置

    查看全部
首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
本课程针对Bootstrap基础知识进行概览式介绍,所以希望您已学习本网站的“玩转Bootstrap”课程知识点,同时希望您会使用HTML、CSS、JavaScript做简单的网页,如果您已具备jQuery基础知识会更好。
老师告诉你能学到什么?
1.了解Bootstrap框架基础知识。 2. 如何开始使用Bootstrap框架。 3. 如何运行初始代码,并修改成所需要的代码。 4. 如何利用Bootstrap制作响应式布局的网页。 5. 如何使用Bootstrap中的组件、插件及定制。

微信扫码,参与3人拼团

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

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