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

玩转Bootstrap(基础)

  • 无序列表和有序列表使用方式和我们平时使用的一样(无序列表使用ul,有序列表使用ol标签),可以嵌套。
    查看全部
  • 列表--简介 在HTML文档中,列表结构主要有三种:有序列表、无序列表和定义列表。具体使用的标签说明如下: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootstrap根据平时的使用情形提供了六种形式的列表: 普通列表 有序列表 去点列表 内联列表 描述列表 水平描述列表
    查看全部
    0 采集 收起 来源:列表--简介

    2018-03-22

  • 文本对齐风格 在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格: 左对齐,取值left 居中对齐,取值center 右对齐,取值right 两端对齐,取值justify 为了简化操作,方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格: .text-left:左对齐 .text-center:居中对齐 .text-right:右对齐 .text-justify:两端对齐
    查看全部
    0 采集 收起 来源:文本对齐风格

    2017-10-24

  • 在Bootstrap中除了使用标签<strong>、<em>等说明正文某些字词、句子的重要性,Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下: .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442) example: <body> <div class="text-muted">.text-muted 效果</div> <div class="text-primary">.text-primary效果</div> <div class="text-success">.text-success效果</div> <div class="text-info">.text-info效果</div> <div class="text-warning">.text-warning效果</div> <div class="text-danger">.text-danger效果</div> <!--下面是任务部分--> <p class="text-danger">我是一段危险信息,请用Bootstrap框架中的危险风格显示</p> </body>
    查看全部
    0 采集 收起 来源:强调相关的类

    2018-03-22

  • 全局样式: 不追求归零,更注重重置可能产生问题的样式,body,form,margin等,保留和坚持部分浏览器的基础样式, 1、移除body的margin声明 2、设置body的背景色白色 3、设置基本字体,字号,行高 4、设置全局链接颜色,当链接处于hover状态才显示下划线
    查看全部
    0 采集 收起 来源:全局样式

    2017-10-23

  • 兼容html5标签:<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 兼容css3样式:<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    查看全部
    0 采集 收起 来源:基本的HTML模板

    2018-03-22

  • http://www.zhihu.com/question/19551271这里面说的比较细致简单来说< em > 表示句子中的强调(即强调语义);i 元素现在描述为在普通文章中突出不同意见或语气或其他的一段文本或者代表斜体的排版方式表现形式都是一样的
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

  • 斜体 在排版中,除了用加粗来强调突出的文本之外,还可以使用斜体。斜体类似于加粗一样,除了可以给元素设置样式font-style值为italic实现之外,在Bootstrap中还可以通过使用标签<em>或<i>来实现。 例如,下面的代码使用了<em>和<i>标签定义了强调文本: <p>我在慕课网上跟<em>大漠</em>一起学习<i>Bootstrap</i>的使用。我一定要学会<i>Bootstrap</i>。</p>
    查看全部
    0 采集 收起 来源:斜体

    2018-03-22

  • 下面的代码使用<strong>标签定义了强调文本: <p>我在学习<strong>Bootstrap</strong>,我要掌握<strong>Bootstrap</strong>的所有知识。</p>
    查看全部
    0 采集 收起 来源:粗体

    2018-03-22

  • .thumbnail:缩略图
    查看全部
    0 采集 收起 来源:缩略图(一)

    2017-10-22

  • gdf
    查看全部
    0 采集 收起 来源:表单提示信息

    2017-10-22

  • 3-2
    查看全部
    0 采集 收起 来源:水平表单

    2017-10-22

  • 8.7
    查看全部
  • 输入显示代码
    查看全部
    0 采集 收起 来源:代码(一)

    2017-10-22

  • .nav .nav-tabs:横向导航 .active:当前项 .disabled:禁止项
    查看全部

举报

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

微信扫码,参与3人拼团

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

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