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

玩转Bootstrap(基础)

  • 自定义列表水平:.dl-horizontal
    查看全部
  • 列表水平显示:.list-inline
    查看全部
  • 列表去点:.list-unstyled
    查看全部
  • 文本对齐:.text-left(center/right/justify)
    查看全部
    0 采集 收起 来源:文本对齐风格

    2018-02-23

  • 文本强调的类:.text-muted(primary/success/info/warning/danger)
    查看全部
    0 采集 收起 来源:强调相关的类

    2018-02-23

  • 段落强调:.lead
    查看全部
    0 采集 收起 来源:强调内容

    2018-02-23

  • 副标题 在hx标签中的small标签
    查看全部
    0 采集 收起 来源:标题(二)

    2018-02-23

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

    2018-02-12

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

    2018-02-12

  • disabled 禁用按钮
    查看全部
    0 采集 收起 来源:图像

    2018-02-09

  • 请输入笔记内容...
    查看全部
    0 采集 收起 来源:图像

    2018-02-09

  • 虽然不同的类型风格不一样,但其使用方法是类似的。 code风格: <div>Bootstrap的代码风格有三种: <code>&lt;code&gt;</code> <code>&lt;pre&gt;</code> <code>&lt;kbd&gt;</code> </div> pre风格: <div> <pre> &lt;ul&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; &lt;li&gt;...&lt;/li&gt; &lt;/ul&gt; </pre> </div> kbd风格: <div>请输入<kbd>ctrl+c</kbd>来复制代码,然后使用<kbd>ctrl+v</kbd>来粘贴代码</div> 不管使用哪种代码风格,在代码中碰到小于号(<)要使用硬编码“&lt;”来替代,大于号(>)使用“&gt;”来替代。而且对于<pre>代码块风格,标签前面留多少个空格,在显示效果中就会留多少个空格。建议在编写HTML标签时,就控制好,例如查看右侧代码编辑器上的15-19行。
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

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

    2018-02-07

  • <div class="btn-group dropup"> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">按钮下拉菜单<span class="caret"></span></button> <ul class="dropdown-menu"> <li><a href="##">按钮下拉菜单项</a></li> <li><a href="##">按钮下拉菜单项</a></li> <li><a href="##">按钮下拉菜单项</a></li> <li><a href="##">按钮下拉菜单项</a></li> </ul> </div>
    查看全部

举报

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

微信扫码,参与3人拼团

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

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