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

玩转Bootstrap(基础)

  • list-inline
    查看全部
  • Bootstrap为表格不同的样式风格提供了不同的类名,主要包括: ☑ .table:基础表格 ☑ .table-striped:斑马线表格 ☑ .table-bordered:带边框的表格 ☑ .table-hover:鼠标悬停高亮的表格 ☑ .table-condensed:紧凑型表格 ☑ .table-responsive:响应式表格
    查看全部
    0 采集 收起 来源:表格

    2014-11-18

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

    2018-03-22

  • 为方便技艺,此处可将【push】理解为“向前推”:向着正方向前进;而【pull】可理解为:向后拉,向着作用对象的负方向移动。
    查看全部
    1 采集 收起 来源:列排序

    2014-11-29

  • jQuery必须在Bootstrap之前引用 <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--针对IE使用最新的渲染方式--> <meta name="viewport" content="width=device-width,initial-scale=1"> <!--针对移动终端,宽度等于设备宽,初始化缩放1倍--> <!--Bootstrap--> <link href="css/bootstrap.min.css" rel="stylesheet"> </head>
    查看全部
  • <!--下面是代码任务部分--> <ol> <li>有序项目类表一</li> <li>有序项目类表二 <ol class="list-unstyled"> <li>有序二级项目列表一</li> <li> 有序二级项目列表二 <ul> <li>无序三级项目列表一</li> <li> 无序三级项目列表二 <ul class="list-unstyled"> <li>无序四级项目列表一</li> <li>无序四级项目列表二</li> </ul> </li> <li> 无序三级列表三 </li> </ul> </li> <li> 有序二级列表三 </li> </ol> </li> <li> 有序项目列表三 </li> </ol>
    查看全部
  • Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ul ☑ 有序列表 ol ☑ 去点列表 ul.list-unstyled ☑ 内联列表 ul.list-inline ☑ 描述列表 dl ☑ 水平描述列表 dl.dl-horizontal
    查看全部
    0 采集 收起 来源:列表--简介

    2014-11-18

  • 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。 基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档。 自定义JQuery插件,完整的类库,基于Less等。
    查看全部
  • ul.nav ul.navbar-nav下的a标签的margin-top和margin-bottom的值为15px; 欲消除该属性,可将a标签放至div.navbar-nav下
    查看全部
  • Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ul ☑ 有序列表 ol ☑ 去点列表 ul.list-unstyled ☑ 内联列表 ul.list-inline ☑ 描述列表 dl ☑ 水平描述列表 dl.dl-horizontal
    查看全部
    1 采集 收起 来源:列表--简介

    2014-11-21

  • 文本对齐风格 ☑ .text-left:左对齐 ☑ .text-center:居中对齐 ☑ .text-right:右对齐 ☑ .text-justify:两端对齐 特别声明:目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。
    查看全部
    0 采集 收起 来源:文本对齐风格

    2014-11-17

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

    2014-11-17

  • <cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。 注释:人名不属于作品的标题。 如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理。
    查看全部
    0 采集 收起 来源:强调内容

    2018-03-22

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

    2018-03-22

  • 初始化移动设备显示viewport
    查看全部

举报

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

微信扫码,参与3人拼团

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

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