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

玩转Bootstrap(基础)

  • <table class="table table-bordered"></table> 窗口宽度小于768px时,会出现一个横向滚动条(响应式)
    查看全部
  • <table class="table table-hover"></table> 其中鼠标悬浮高亮要给表格加背景才能明显看到 标题部分无悬浮效果
    查看全部
  • bootstrap对于表格行元素<tr>提供的5种类名(对应5种颜色) .active 白色(#f5f5f5) .success 浅绿色(#dff0d8) .info 浅蓝色(#d9edf7) .warning 浅黄色(#fcf8e3) .danger 粉橙色(#f2dede) 注意要实现悬浮状态,需要在<table>标签上加入table-hover类。
    查看全部
  • 不懂不懂
    查看全部
    0 采集 收起 来源:全局样式

    2016-11-05

  • bootstrap表格样式中的class名 table基础表格 table-striped斑马线表格 table-bordered带边框的表格 table-hover悬停高亮表格 table-condensed 紧凑型表格 table-responsive响应式表格 重要提示:是用其他样式时必须先使用table样式
    查看全部
    0 采集 收起 来源:表格

    2016-11-05

  • <table class="table-bordered"> <tr> <th>类名</th> <th>描述</th> </tr> <tr> </tr> </table>
    查看全部
  • <pre></pre>元素中(用于大块代码),加入class名“prescrollable”可以把高度限制在340px以内,若高度超过340px则出现纵向滚动条。
    查看全部
    0 采集 收起 来源:代码(二)

    2018-03-22

  • .table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2016-11-05

  • 1、使用<code></code>来显示单行内联代码(红色标注) 2、使用<pre></pre>来显示多行块代码(独立一行,方框内显示多行文档) 3、使用<kbd></kbd>来显示用户输入代码(黑色块标注,字体变为白色) 小于号(<)用硬编码(&lt;)替代,大于号(>)用硬编码(&gt;)替代.
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • <pre>元素一般用于显示大块的代码,并保证原有格式不变。但有时候代码太多,而且不想让其占有太大的页面篇幅,就想控制代码块的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。
    查看全部
    0 采集 收起 来源:代码(二)

    2018-03-22

  • dl-horizontal给定义列表实现水平显示效果 实现的方式为: 1.将dt设置了一个左浮动,并且设置了一个宽度为160px 2.将dd设置了一个magin-left的值为180px,达到水平效果 3.当宽度超过160px时,将会省略三个省略号
    查看全部
  • 移动端适配: <meta name="viewport" content="width=device-width, initial-scale=1"> 使IE9以下的版本兼容html5新增标签和CSS3样式: <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> 由于bootstrap中的js是由jquery插件完成的,因此在引用js时必须先引入jquery插件:
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • 响应
    查看全部
    0 采集 收起 来源:响应式导航条

    2016-11-05

  • 列表标签中加入dl-horizontal类可以设置出显示窗口宽度大于768px时内容纵向排列左浮动,小于768px时横向排列距离左边框有一定距离
    查看全部
  • <dl>//定义列表 <dt></dt>//加粗标题 <dd></dd>//列表内容 <dd></dd> </dl>
    查看全部

举报

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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