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

玩转Bootstrap(基础)

  • 在需要禁用的表单控件上加上“disabled”即可禁用。 如果fieldset设置了disabled属性,整个域都将处于被禁用状态。 如果legend中有输入框的话,这个输入框是无法被禁用的。
    查看全部
  • 可以通过设置控件的height,line-height,padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名,用来控制表单控件的高度。这两个类名是: 1、input-sm:让控件比正常大小更小 2、input-lg:让控件比正常大小更大
    查看全部
    0 采集 收起 来源:表单控件大小

    2015-03-31

  • input[type=“submit”] ☑ input[type=“button”] ☑ input[type=“reset”] ☑ <button>
    查看全部
  • 1、如果checkbox需要水平排列,只需要在label标签上添加类名“checkbox-inline” 2、如果radio需要水平排列,只需要在label标签上添加类名“radio-inline”
    查看全部
  • 1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,来处理复选框、单选按钮与标签的对齐方式。
    查看全部
  • 设置rows可定义其高度,设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名,则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto
    查看全部
  • 多行选择设置multiple属性的值为multiple。
    查看全部
  • 单行输入框,常见的文本输入框,也就是input的type属性值为text 为了让控件在各种表单风格中样式不出错,需要添加类名“form-control”
    查看全部
  • 在<form>元素中添加类名“form-inline”即可。做成内联表单 欲将表单控件在一行显示,就需要将表单控件设置成内联块元素(display:inline-block)。 你必须添加这样的一个label标签,并且不想让input换行,你需要将label标签也放在容器“form-group” 在label标签运用了一个类名“sr-only”,标签没显示就是这个样式将标签隐藏了。
    查看全部
    0 采集 收起 来源:内联表单

    2018-03-22

  • 在Bootstrap框架中要实现水平表单效果,必须满足以下两个条件: 1、在<form>元素是使用类名“form-horizontal”。 2、配合Bootstrap框架的网格系统。(网格布局会在以后的章节中详细讲解)
    查看全部
    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

  • css放在head中,js放在body的最下面
    查看全部
  • 恩,btn-toolbar不错哈
    查看全部
  • 恩,不错
    查看全部
  • 表格--响应式表格 随着各种手持设备的出现,要想让你的Web页面适合千罗万像的设备浏览,响应式设计的呼声越来越高。在Bootstrap中也为表格提供了响应式的效果,将其称为响应式表格。 Bootstrap提供了一个容器,并且此容器设置类名“.table-responsive”,此容器就具有响应式效果,然后将<table class="table">置于这个容器当中,这样表格也就具有响应式效果。 Bootstrap中响应式表格效果表现为:当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时,表格底部水平滚动条就会消失。示例如下: <div class="table-responsive"> <table class="table table-bordered"> … </table> </div> 运行效果如下: (宽屏效果)
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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