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

玩转Bootstrap(基础)

  • 已学习
    查看全部
    0 采集 收起 来源:基础表单

    2014-09-26

  • 已学习
    查看全部
    0 采集 收起 来源:水平表单

    2014-09-26

  • 不管使用哪种代码风格,在代码中碰到小于号(<)要使用硬编码“&lt;”来替代,大于号(>)使用“&gt;”来替代。而且对于<pre>代码块风格,标签前面留多少个空格,在显示效果中就会留多少个空格。
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • 代码(二) 有时候代码太多,而且不想让其占有太大的页面篇幅,就想控制代码块的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。 /*源码请查看bootstrap.css第731行~第734行*/ ======================================= 如果您了解LESS或Sass这样的CSS预定定义处理器,你完全可以通过code.less或者_code.scss文件修改样式,然后重新编译,你就可以得到属于自己的代码样式风格。
    查看全部
    0 采集 收起 来源:代码(二)

    2014-09-26

  • 代码(一) 在Bootstrap主要提供了三种代码风格: 1、<code>:一般是针对于单个单词或单个句子的代码 2、<pre>:一般是针对于多行代码(也就是成块的代码) 3、<kbd>:一般是表示用户要通过键盘输入的内容 =================================== 预编译版本的Bootstrap将代码的样式单独提取出来: 1、LESS版本,请查阅code.less文件 2、Sass版本,请查阅_code.scss文件 编译出来的CSS代码请查阅bootstrap.css文件第688行~第730行
    查看全部
    0 采集 收起 来源:代码(一)

    2018-03-22

  • 列表--水平定义列表 Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。 /*源码请查看bootstrap.css文件第608行~第621行*/ 此处添加了一个媒体查询。也就是说,只有屏幕大于768px的时候,添加类名“.dl-horizontal”才具有水平定义列表效果。其实现主要方式: 1、将dt设置了一个左浮动,并且设置了一个宽度为160px 2、将dd设置一个margin-left的值为180px,达到水平的效果 3、当标题宽度超过160px时,将会显示三个省略号
    查看全部
  • 列表--定义列表(dl、dt、dd) Bootstrap并没有做太多的调整,只是调整了行间距,外边距和字体加粗效果。 /*源码请查看bootstrap.css文件第594行~第607行*/
    查看全部
  • 列表--内联列表(把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。) /*源码查看bootstrap.css文件第584行~第593行*/
    查看全部
  • 修改后
    查看全部
  • 列表--去点列表(去除项目符号list-style: none;) Bootstrap为众多开发者考虑的非常周道,通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。 /*源码请查看bootstrap.css文件第580行~第583行*/
    查看全部
  • 列表--无序列表、有序列表(无序列表使用ul,有序列表使用ol标签) 源码请查看bootstrap.css文件的第569行~第579行:
    查看全部
  • 列表--简介(有序列表、无序列表和定义列表): Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ☑ 有序列表 ☑ 去点列表 ☑ 内联列表 ☑ 描述列表 ☑ 水平描述列表
    查看全部
    0 采集 收起 来源:列表--简介

    2014-09-25

  • 文本对齐风格 ,Bootstrap通过定义四个类名来控制文本的对齐风格: ☑ .text-left:左对齐 ☑ .text-center:居中对齐 ☑ .text-right:右对齐 ☑ .text-justify:两端对齐 具体源码查看bootstrap.css文件第488行~第499行: ================================= *特别声明*: 目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。所以项目中慎用。
    查看全部
    0 采集 收起 来源:文本对齐风格

    2014-09-26

  • 强调相关的类(类似前面说的“.lead”),具本说明如下: .text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(##a94442) 具本源码查看bootstrap.css文件第500行~第532行:
    查看全部
    0 采集 收起 来源:强调相关的类

    2014-09-25

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

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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