游客您好
第三方账号登陆
Lv.9 管理员
1号会员,2625活跃度,2017/05/26 加入学习
  • 1395发帖
  • 426主题
  • 10关注
  • 4粉丝
这个人很懒,什么也没有留下。
最新推荐更多

bootstrap基础视频教程

[复制链接]
amecaton实名认证 QQ认证 发表于 2020-12-27 18:31:05 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
Bootstrap 包的内容
  • 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。
  • CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。
  • 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。
  • JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在 Bootstrap 插件 部分详细讲解。
  • 定制:您可以定制 Bootstrap 的组件、LESS 变量和 jQuery 插件来得到您自己的版本。
在线实例
本站的 Bootstrap 教程包含了上百个实例。
你可以使用我们的在线编辑器在线编辑代码,并点击运行按钮查看结果
  1. <div class="container">
  2.   <div class="jumbotron">
  3.     <h1>我的第一个 Bootstrap 页面</h1>
  4.     <p>重置窗口大小,查看响应式效果!</p>
  5.   </div>
  6.   <div class="row">
  7.     <div class="col-sm-4">
  8.       <h3>Column 1</h3>
  9.       <p>学的不仅是技术,更是梦想!</p>
  10.       <p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p>
  11.     </div>
  12.     <div class="col-sm-4">
  13.       <h3>Column 2</h3>
  14.       <p>学的不仅是技术,更是梦想!</p>
  15.       <p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p>
  16.     </div>
  17.     <div class="col-sm-4">
  18.       <h3>Column 3</h3>
  19.       <p>学的不仅是技术,更是梦想!</p>
  20.       <p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p>
  21.     </div>
  22.   </div>
  23. </div>
复制代码







• 本内容来源互联网,如涉及版权问题请及时联系站长
• 为防止代码解析,除代码框内<>为正常,其余请重新替换<>尖括号

src=http___5b0988e595225.cdn.sohucs.com_images_20180714_c6b11192ddaa4cb9ab04d8c2.jpg
发布资源 快速回复 站点服务大厅 搜索 官方群