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

玩转Bootstrap(基础)

  • 为方便技艺,此处可将【push】理解为“向前推”:向着正方向前进;而【pull】可理解为:向后拉,向着作用对象的负方向移动。
    查看全部
    1 采集 收起 来源:列排序

    2014-11-29

  • 模态弹出框--JavaScript触发时的参数设置
    查看全部
  • <!--下面是代码任务部分--> <ol> <li>有序项目类表一</li> <li>有序项目类表二 <ol class="list-unstyled"> <li>有序二级项目列表一</li> <li> 有序二级项目列表二 <ul> <li>无序三级项目列表一</li> <li> 无序三级项目列表二 <ul class="list-unstyled"> <li>无序四级项目列表一</li> <li>无序四级项目列表二</li> </ul> </li> <li> 无序三级列表三 </li> </ul> </li> <li> 有序二级列表三 </li> </ol> </li> <li> 有序项目列表三 </li> </ol>
    查看全部
  • 从上面效果图可以看出,Bootstrap中紧凑型的表格与基础表格差别不大,因为只是将单元格的内距由8px调至5px。 正如上一小节中悬浮高亮表格中所讲解的,在Bootstrap中制作表格中,可以将上面几种表格样式结合在一起使用,从而制作出更为精美的表格。结合的方法也很简单,就是在<table class="table">基础上添加你需要的表格样式类型。 另外从上面的示例中大家可能也发现了,不管制作哪种表格都离不开类名“table”。所以大家在使用Bootstrap表格时,千万注意,你的<table>元素中一定不能缺少类名“table”。
    查看全部
  • 使用方法很简单,你可以在使用span这样的行内标签: <h3>Example heading <span class="label label-default">New</span></h3> 运行效果见右侧结果窗口。 颜色样式设置: 和按钮元素button类似,label样式也提供了多种颜色: ☑ label-deafult:默认标签,深灰色 ☑ label-primary:主要标签,深蓝色 ☑ label-success:成功标签,绿色 ☑ label-info:信息标签,浅蓝色 ☑ label-warning:警告标签,橙色 ☑ label-danger:错误标签,红色
    查看全部
    1 采集 收起 来源:标签

    2018-03-22

  • Bootstrap根据平时的使用情形提供了六种形式的列表: ☑ 普通列表 ul ☑ 有序列表 ol ☑ 去点列表 ul.list-unstyled ☑ 内联列表 ul.list-inline ☑ 描述列表 dl ☑ 水平描述列表 dl.dl-horizontal
    查看全部
    1 采集 收起 来源:列表--简介

    2014-11-21

  • 行选择设置multiple属性的值为multiple
    查看全部
  • col-md-8 改为 col-xs-8才好用
    查看全部
    1 采集 收起 来源:基本用法

    2015-11-17

  • col-xs-超小屏幕 手机 (<768px), col-sm-小屏幕 平板 (≥768px), col-md-中等屏幕 桌面显示器 (≥992px)
    查看全部
    1 采集 收起 来源:缩略图(一)

    2018-03-22

  • 有的时候,我们不希望相邻的两个列紧靠在一起,但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移(offset)功能来实现。使用列偏移也非常简单,只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数),那么具有这个类名的列就会向右偏移。 注意: 不过有一个细节需要注意,使用”col-md-offset-*”对列进行向右偏移时,要保证列与偏移列的总数不超过12,不然会致列断行显示
    查看全部
    1 采集 收起 来源:列偏移

    2015-11-16

  • 牢记几个单词: default/primary/info/success/warning/danger/inverse 这些词很多地方有出现
    查看全部
  • 开始学习bootstrap。
    查看全部
    1 采集 收起 来源:Bootstrap简介

    2015-11-04

  • 用<label>标签来包裹<input>
    查看全部
  • 关于图片,通常是a标签包裹着img标签
    查看全部
    1 采集 收起 来源:媒体对象

    2015-10-26

  • 图标内容:http://www.runoob.com/bootstrap/bootstrap-glyphicons.html
    查看全部
    1 采集 收起 来源:图标(一)

    2015-10-19

举报

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

微信扫码,参与3人拼团

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

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