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

玩转Bootstrap(基础)

  • Bootstrap框架中制作导航条主要通过“.nav”样式。默认的“.nav”样式不提供默认的导航样式,必须附加另外一个样式才会有效,比如“nav-tabs”、“nav-pills”之类
    查看全部
  • 按钮下拉菜单仅从外观上看和上一节介绍的下拉菜单效果基本上是一样的。不同的是在普通的下拉菜单的基础上封装了按钮(.btn)样式效果。 按钮下拉菜单其实就是普通的下拉菜单,只不过把“<a>”标签元素换成了“<button>”标签元素。唯一不同的是外部容器“div.dropdown”换成了“div.btn-group”。
    查看全部
    0 采集 收起 来源:按钮下拉菜单

    2018-03-22

  • 原生 list-style: none;
    查看全部
  • <ul class="list-unstyled">去除默认样式
    查看全部
  • 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl>
    查看全部
    0 采集 收起 来源:列表--简介

    2018-03-22

  • 左对齐,取值left 居中对齐,取值center 右对齐,取值right 两端对齐,取值justify 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: .text-left:左对齐 .text-center:居中对齐 .text-right:右对齐 .text-justify:两端对齐
    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-02-27

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

    2018-02-27

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

    2018-03-22

  • 斜体<em><i>
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

  • <b></b> <strong></strong>字体加粗标签
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • <p class="lead">lead段落p突出显示</p>
    查看全部
    0 采集 收起 来源:强调内容

    2018-03-22

  • p标签
    查看全部
    0 采集 收起 来源:强调内容

    2018-02-27

  • <h1><small>副标题</small></h1>
    查看全部
  • <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap的HTML标准模板</title> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!--你自己的样式文件 --> <link href="css/your-style.css" rel="stylesheet">
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • 等分按钮也常被称为是自适应分组按钮,其实现方法也非常的简单,只需要在按钮组“btn-group”上追加一个“btn-group-justified”类名 特别声明:在制作等分按钮组时,请尽量使用<a>标签元素来制作按钮,因为使用<button>标签元素时,使用display:table在部分浏览器下支持并不友好 .btn{ text-overflow:ellipsis; overflow:hidden; white-space:pre; } 加上这几句代码,会使按钮在短的时候里面的字显示省略号,更美观
    查看全部

举报

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

微信扫码,参与3人拼团

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

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