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

玩转Bootstrap(基础)

  • 发现很多人都没有看到<fieldset disable>,在Bootstrap框架中,如果fieldset设置了disable属性,整个域都将处于被禁用状态,使用<legend>标签的除外!
    查看全部
  • http://img1.sycdn.imooc.com//53db0e5b0001aff810560855.jpg
    查看全部
    0 采集 收起 来源:图标(一)

    2017-11-21

  • <code>&lt;code&gt;</code> <kbd>
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • 在使用代码时,用户可以根据具体的需求来使用不同的类型: 1、<code>:一般是针对于单个单词或单个句子的代码 2、<pre>:一般是针对于多行代码(也就是成块的代码) 3、<kbd>:一般是表示用户要通过键盘输入的内容
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • 原来可以省略一些 这样简便
    查看全部
  • 但由于panel-body设置了一个padding:15px的值,需要把table提取到panel-body外面:
    查看全部
  • 特别提示:除了”.active”之外,其他四个类名和”.table-hover”配合使用时,Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置,所以如果需要给tr元素添加其他颜色样式时,在”.table-hover”表格中也要做相应的调整。 注意要实现悬浮状态,需要在<table>标签上加入table-hover类。 如下代码: <table class="table-hover">
    查看全部
  • .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2017-11-19

  • 1、需要在基本警示框“alert”的基础上添加“alert-dismissable”样式。 2、在button标签中加入class="close"类,实现警示框关闭按钮的样式。 3、要确保关闭按钮元素上设置了自定义属性:“data-dismiss="alert"”(因为可关闭警示框需要借助于Javascript来检测该属性,从而控制警示框的关闭)。
    查看全部
  • 在仅有缩略图的基础上,添加了一个div名为“caption“的容器。<div class="container"> <div class="row"> <div class="col-xs-6 col-md-3"> <a href="#" class="thumbnail"> <img src="" alt=""> </a>
    查看全部
    0 采集 收起 来源:缩略图(二)

    2018-03-22

  • alt=""表示图片无法显示时的替代文字。
    查看全部
    0 采集 收起 来源:缩略图(二)

    2018-03-22

  • class='active'的li里没有a
    查看全部
    0 采集 收起 来源:面包屑式导航

    2017-11-18

  • bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • 在网页中使用图标也非常的简单,在任何内联元素上应用所对应的样式即可。
    查看全部
    0 采集 收起 来源:图标(二)

    2017-11-17

举报

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

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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