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

玩转Bootstrap(基础)

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

    2018-03-22

  • .pre-scrollable类增加样式,高度超过340px,y轴增加滚动条
    查看全部
    0 采集 收起 来源:代码(二)

    2018-03-22

  • 三种代码风格: 1、使用<code></code>来显示单行内联代码(字体变成红色,并带有粉红色背景色) 2、使用<pre></pre>来显示多行块代码(生成一段灰色区块) 3、使用<kbd></kbd>来显示用户输入代码(生成按键效果)
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • .dl-horizontal类设置水平定义列表
    查看全部
  • cite标签用于定义没有特殊格式的普通文本
    查看全部
    2 采集 收起 来源:强调内容

    2018-03-22

  • <h1>孤儿院无私奉献30年<small>一曲人性的赞歌</small></h1>这种样式制作一级标题及其副标题
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • 载入的两个js作用: 1、让ie8支持html5标签 2、让ie8支持媒体查询
    查看全部
  • 初始化移动浏览显示,"width=device-width"这句话是让宽度等于设备的宽度;"initial-scale"设置初始缩放比例,值为1表示不缩放。让视口的宽度等于物理设备上真实的分辨率,初始缩放比例为1表示不做任何缩放。(加上这段代码可以适配移动浏览器)
    查看全部
  • 在Bootstrap框架中提供了一个“navbar-form”,使用方法很简单,在navbar容器中放置一个带有navbar-form类名的表单
    查看全部
  • bootstrap不支持ie的兼容模式,运用这段代码在ie浏览器中运行最新的渲染模式
    查看全部
  • 在Web页面制作中,常常在菜单前面都会有一个标题(文字字号比其它文字稍大一些),其实在Bootstrap框架也为大家做了这方面考虑,其通过“navbar-header”和“navbar-brand”来实现
    查看全部
  • 面包屑(Breadcrumb)一般用于导航,主要是起的作用是告诉用户现在所处页面的位置(当前位置)。
    查看全部
    0 采集 收起 来源:面包屑式导航

    2018-03-22

  • 导航加下拉菜单(二级导航)
    查看全部
  • 自适应导航指的是导航占据容器全部宽度,而且菜单项可以像表格的单元格一样自适应宽度。自适应导航和前面使用“btn-group-justified”制作的自适应按钮组是一样的。只不过在制作自适应导航时更换了另一个类名“nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。
    查看全部
  • 胶囊形(pills)导航听起来有点别扭,因为其外形看起来有点像胶囊形状。但其更像我们平时看到的大众形导航。当前项高亮显示,并带有圆角效果。其实现方法和“nav-tabs”类似,同样的结构,只需要把类名“nav-tabs”换成“nav-pills”即可
    查看全部

举报

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

微信扫码,参与3人拼团

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

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