<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- bootstrap css引入 --> <link rel="stylesheet" href="css/bootstrap.min.css"> <!-- jquery js引入 --> <script src="js/jquery.min.js"></script> <!-- bootstrap js引入 --> <script src="js/bootstrap.bundle.min.js"></script> </head> <body> <div class="container"> <form> <div class="form-group"> <label for="exampleInputEmail1">电子邮件地址</label> <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"> <small id="emailHelp" class="form-text text-muted">我们永远不会和别人分享你的电子邮件。</small> </div> <div class="form-group"> <label for="exampleInputPassword1">密码</label> <input type="password" class="form-control" id="exampleInputPassword1"> </div> <div class="form-group form-check"> <input type="checkbox" class="form-check-input" id="exampleCheck1"> <label class="form-check-label" for="exampleCheck1">记住我</label> </div> <button class="btn btn-primary" id="login">登录</button> </form> </div> <!-- 引入自定义js,写在最后的原因是希望等页面所有元素加载完之后再执行 --> <script src="js/login.js"></script> </body> </html>
bootstrap练习
2022-11-08
114
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
bootstrap练习
相关文章
|
1月前
|
前端开发
|
1月前
|
前端开发
|
6月前
|
前端开发
JavaScript
容器
Bootstrap4 Jumbotron
Bootstrap 4 Jumbotron 是一个用于展示重要信息和功能的模态框,通常用于页面头部或页面中部的重点展示区域。它具有全屏宽度的布局,可以包含文本、图像、按钮等元素,并且可以自动适应不同的屏幕尺寸。Jumbotron 是一个灵活的组件,可以用于多种不同的场景,例如介绍公司或产品、展示广告或促销信息、提供导航或搜索功能等。
73
9
9
|
前端开发
索引
容器
|
前端开发
|
移动开发
前端开发
JavaScript
Bootstrap4
Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap4 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。
112
0
0
|
前端开发
|
前端开发
容器
|
前端开发
JavaScript
编解码
|
前端开发
11.11. Bootstrap
770
0
0