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

玩转Bootstrap(基础)

  • 模态弹出框--JavaScript触发时的参数设置(二)
    查看全部
  • <h1 2 3>是65% <h4 5 6>是75%
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • <meta http-equiv="X-UA-Compatible" content="IE=edge">渲染IE浏览器 <meta name="viewport" content="width=device-width, initial-scale=1">(width=device-width,宽度等于页面
    查看全部
    0 采集 收起 来源:基本的HTML模板

    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

  • css放在head中,js放在body的最下方
    查看全部
  • bootstrap 中的js插件依赖于jquery,因此jquery要在bootstrap之前引用
    查看全部
  • 在制作表单时,不免要做表单验证。同样也需要提供验证状态样式,在Bootstrap框架中同样提供这几种效果。 1、.has-warning:警告状态(黄色) 2、.has-error:错误状态(红色) 3、.has-success:成功状态(绿色) 在Bootstrap的小图标都是使用@font-face来制作(后面的内容中将会着重用一节内容来介绍)。而且必须在表单中添加了一个span元素: <span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>
    查看全部
  • <label>和<input 双双都要写disable
    查看全部
  • disabledInput /disabledTextInput /disabledSelect
    查看全部
  • 前端工具集
    查看全部
    1 采集 收起 来源:Bootstrap简介

    2015-01-05

  • 要让控件在焦点状态下有上面样式效果,需要给控件添加类名“form-control”: <form role="form" class="form-horizontal"> <div class="form-group"> <div class="col-xs-6"> <input class="form-control input-lg" type="text" placeholder="不是焦点状态下效果"> </div> <div class="col-xs-6"> <input class="form-control input-lg" type="text" placeholder="焦点点状态下效果"> </div> </div> </form>
    查看全部
  • <div class="table-responsive"> <table class="table table-bordered"> … </table> </div>
    查看全部
  • 从运行效果中大家不难发现,页面主内容顶部和底部都被固定导航条给遮住了。为了避免固定导航条遮盖内容,我们需要在body上做一些处理: body { padding-top: 70px;/*有顶部固定导航条时设置*/ padding-bottom: 70px;/*有底部固定导航条时设置*/ } 因为固定导航条默认高度是50px,我们一般设置padding-top和padding-bottom的值为70px,当然有的时候还是需要具体情况具体分析。
    查看全部
    0 采集 收起 来源:固定导航条

    2015-01-05

  • Bootstrap框架的导航条中除了使用navbar-brand中的a元素和navbar-nav的ul和navbar-form之外,还可以使用其他元素。框架提供了三种其他样式: 1、导航条中的按钮navbar-btn 2、导航条中的文本navbar-text 3、导航条中的普通链接navbar-link 但这三种样式在框架中使用时受到一定的限制,需要和navbar-brand、navbar-nav配合起来使用。而且对数量也有一定的限制,一般情况在使用一到两个不会有问题,超过两个就会有问题。
    查看全部
  • <table class="table"> <thead> <tr> <th>表格标题</th> <th>表格标题</th> <th>表格标题</th> </tr> </thead> <tbody> <tr> <td>表格单元格</td> <td>表格单元格</td> <td>表格单元格</td> </tr> <tr> <td>表格单元格</td> <td>表格单元格</td> <td>表格单元格</td> </tr> </tbody> </table>
    查看全部
    0 采集 收起 来源:表格

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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