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

bootstrap快速入门

难度中级
时长 2小时 5分
学习人数
综合评分9.37
179人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.1 逻辑清晰
  • 开发工具:可以用DW,而JetStrap是bootStrap的专业可视化开发工具,可以进行插件拖拽,下载地址为jetstrap.com 下载地址:官方下载地址:http://getbootstrap.com 中文下载地址:www.bootcss.com
    查看全部
  • 1-1bootstrap简介 (1)bootstrap是twitter公司开发基于HTML\CSS\javascript 的前端框架 (2)为实现web应用程序快速开发提供的一套前端工具包 (3)响应式布局 (4)移动设备优先 目标:1)bootstrap全局样式2)viewport的意义3)栅格化布局 4)字体、图标 5)实现响应式布局开发
    查看全部
    0 采集 收起 来源:课程介绍

    2017-07-16

  • <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="myModal"> 弹窗 </button>
    查看全部
  • <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span>&times;</span><span class="sr-only">关闭弹窗</span></button> <h4> class="modal-title" id="myModalLabel">标题</h4> </div> <div class="modal-body">慕课网</div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> <
    查看全部
  • <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    查看全部
    0 采集 收起 来源:viewport

    2018-03-22

  • 用于修改文字样式 <mark>强调文字,底边变黄 <del>删除文字,中间有横线 <ins>下划线 <u>下划线 <small>文字变小 <strong>文字加粗 对齐方式 text-left左对齐 text-center居中 text-right右对齐 英文大小写变换 text-lowercase大写变小写 text-uppercase小写变大写 text-capitalize首字母大写
    查看全部
  • 带的、边框的表格 table-bordered 条纹状表格 table-striped 悬停变色 table-hover 紧凑风格 table-condensed
    查看全部
  • h1:36px h2:30px h3:24px h4:18px h5:14px h6:12px
    查看全部
  • bootstrao全局样式用法 viewport的意义 栅格化布局用法 字体,图标 实现响应式布局开发
    查看全部
    0 采集 收起 来源:课程介绍

    2017-07-08

  • nav-justified让标签式或胶囊式导航菜单与父元素等宽
    查看全部
    0 采集 收起 来源:导航

    2017-07-07

  • http://v3.bootcss.com/components/
    查看全部
    0 采集 收起 来源:字体图标

    2017-07-06

  • 1.对齐方式: .text-left:左对齐 .text-center:居中 .text-right:右对齐 2.大小写排版 .text-lowercase:全部改为小写 .text-uppercase:全部改为大写 .text-capitalize:首字母大写 3.特殊样式 <del></del>:中划线/删除线 <ins></ins>:下划线/插入文本 <small></small>:缩小文字 <strong></strong>:加粗文字
    查看全部
  • bootstrap的引入
    查看全部
  • Bootstrap的专用可视化开发工具jetstrap
    查看全部
  • @media screen and (min-width:*px) and (max-width){ }
    查看全部
    1 采集 收起 来源:栅格布局

    2017-07-05

举报

0/150
提交
取消
课程须知
本教程适合具有一定前端基础的人员,对HTML、CSS、JavaScript有一定的了解。
老师告诉你能学到什么?
(1)如何快速搭建网页 (2)如何使用组件开发 (3)使用bootstrap插件实现网页的开发

微信扫码,参与3人拼团

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

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