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

玩转Bootstrap(基础)

  • 在样式方面,Bootstrap只是在此基础上做了一些细微的优化Bootstrap对于列表,只是在margin上做了一些调整
    查看全部
  • Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ☑ 有序列表 ☑ 去点列表 ☑ 内联列表 ☑ 描述列表 ☑ 水平描述列表
    查看全部
    0 采集 收起 来源:列表--简介

    2015-02-12

  • 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: ☑ .text-left:左对齐 ☑ .text-center:居中对齐 ☑ .text-right:右对齐 ☑ .text-justify:两端对齐 特别声明:目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。所以项目中慎用。
    查看全部
    0 采集 收起 来源:文本对齐风格

    2015-02-12

  • Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下: .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442)
    查看全部
    0 采集 收起 来源:强调相关的类

    2015-02-12

  • 除了可以给元素设置样式font-style值为italic实现之外,在Bootstrap中还可以通过使用标签<em>或<i>来实现。
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

  • 在Bootstrap中,可以使用<b>和<strong>标签让文本直接加粗。 b,strong { font-weight: bold; /*文本加粗*/ }
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • 如果想让一个段落p突出显示,可以通过添加类名“.lead”实现,其作用就是增大文本字号,加粗文本,而且对行高和margin也做相应的处理 还通过元素标签:<small>、<strong>、<em>和<cite>给文本做突出样式处理。
    查看全部
    0 采集 收起 来源:强调内容

    2018-03-22

  • 在bootstrap中为文本设置了一个全局的文本样式 字号 14px 行高为1.42857143(line-height),大约是20px 颜色为深灰色(#333); 字体为"Helvetica Neue", Helvetica, Arial, sans-serif;(font-family) 特意设置了p元素的margin值(默认情况之下,p元素具有一个上下外边距,并且保持一个行高的高度 p { margin: 0 0 10px; } 预编译版本LESS(或者Sass)进行自定义排版设置。在Bootstrap中,排版设置的默认值都存在variables.less文件中(Sass版本存在_variables.scss中)的两个变量: LESS版本: @font-size-base: 14px; @line-height-base: 1.428571429; // 20/14 Sass版本: $font-size-base: 14px !default; $line-height-base: 1.428571429 !default; // 20/14
    查看全部
  • 在一个标题后面紧跟着一行小的副标题 1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%;
    查看全部
    0 采集 收起 来源:标题(二)

    2018-03-22

  • 需要把下拉菜单的“dropdown”的容器换成“btn-group”,并且和普通的按钮放在同一级
    查看全部
  • 只需要在“.btn-group”类名上追加对应的类名,就可以得到不同大小的按钮组: btn-group-lg、btn-group-sm、btn-group-xs
    查看全部
  • OK! 图标的名称:http://v3.bootcss.com/components/
    查看全部
  • 当前状态(.active)和禁用状态(.disabled)
    查看全部
  • .dropdown{ float: left; }
    查看全部
  • 左对齐:1,默认 2,.dropdown-menu-left 右对齐: 1, .pull right 2,dropdown-menu-right [注意]<ul class="dropdown-menu dropdown-menu-right" role="menu"> 不能把原来的dropdown-menu给删了
    查看全部

举报

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

微信扫码,参与3人拼团

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

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