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

玩转Bootstrap(基础)

  • 如果你要在input前面添加一个label标签时,会导致input换行显示。如果你必须添加这样的一个label标签,并且不想让input换行,你需要将label标签也放在容器“form-group”中,如:
    查看全部
    0 采集 收起 来源:内联表单

    2015-02-03

  • 可关闭的警示框需要加.alert-dismissable类; <button class="close" type="button" data-dismiss="alert">&times;</button> 这是关闭按钮的代码,和模态框的关闭按钮一样 强调信息:<strong>Heads up!</strong> 链接需要加.alert-link类
    查看全部
    0 采集 收起 来源:警示框

    2018-03-22

  • <button class="close" type="button" data-dismiss="alert">&times;</button> 这是关闭按钮的代码,和模态框的关闭按钮一样
    查看全部
    0 采集 收起 来源:警示框

    2018-03-22

  • 何谓紧凑型表格:从上面效果图可以看出,Bootstrap中紧凑型的表格与基础表格差别不大,因为只是将单元格的内距由8px调至5px。 所以大家在使用Bootstrap表格时,千万注意,你的<table>元素中一定不能缺少类名“table"
    查看全部
  • “.table”主要有三个作用: ☑ 给表格设置了margin-bottom:20px以及设置单元内距 ☑ 在thead底部设置了一个2px的浅灰实线 ☑ 每个单元格顶部设置了一个1px的浅灰实线
    查看全部
  • Bootstrap为表格不同的样式风格提供了不同的类名,主要包括: ☑ .table:基础表格 ☑ .table-striped:斑马线表格 ☑ .table-bordered:带边框的表格 ☑ .table-hover:鼠标悬停高亮的表格 ☑ .table-condensed:紧凑型表格 ☑ .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2015-02-03

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

    2018-03-22

  • 无论是哪一种方法,都不能缺少data-toggle="modal"
    查看全部
  • 声明式触发方法: 方法一:模态弹出窗声明,只需要自定义两个必要的属性:data-toggle和data-target 【(bootstrap中声明式触发方法一般依赖于这些自定义的data-xxx 属性。比如data-toggle="" 或者 data-dismiss="")。】 注意: 1、data-toggle必须设置为modal(toggle中文翻译过来就是触发器); 2、data-target可以设置为CSS的选择符,也可以设置为模态弹出窗的ID值,一般情况设置为模态弹出窗的ID值,因为ID值是唯一的值。 方法二:触发模态弹出窗也可以是一个链接<a>元素,那么可以使用链接元素自带的href属性替代data-target属性 【建议还是使用统一使用data-target的方式来触发】
    查看全部
  • 使用.sr-only可以针对除了屏幕阅读器之外的所有设备隐藏一个元素。
    查看全部
  • 特别声明:目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。所以项目中慎用。 ☑ .text-left:左对齐 ☑ .text-center:居中对齐 ☑ .text-right:右对齐 ☑ .text-justify:两端对齐
    查看全部
    0 采集 收起 来源:文本对齐风格

    2015-02-15

  • .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442)
    查看全部
    0 采集 收起 来源:强调相关的类

    2015-02-03

  • 行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%;
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • 其实Bootstrap的全局样式采用了“normalize.css”,但并没有一味的全部使用此重置样式,而是在此基础上进行了一些改良,让其更适合Bootstrap的设计思想。
    查看全部
    0 采集 收起 来源:全局样式

    2015-02-03

  • aria-hidden 字符串。可选值为true和false, true表示元素隐藏(不可见),false表示元素可见。 <div aria-hidden="false">23%</div> 该属性使用非常普遍。几乎所有涉及到显示与隐藏这类交互或没有交互的地方都可以应用该属性。上方的示例HTML代码来自进度条进度值显示的div, 当前aria-hidden为false, 表示该进度值是可见的。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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