bootstrap练习

最新推荐文章于 2023-11-25 23:11:50 发布
最新推荐文章于 2023-11-25 23:11:50 发布
阅读量358 收藏
点赞数
文章标签： javascript 前端 bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62788719/article/details/127666302
版权


<!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>

小困ing
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
bootstrap练习题
PanHanJia的博客
09-10 2015
什么是BootStrap框架 Html、Css和BootStrap框架的关系是什么 下列代码布局合理吗？不合理的话，应该怎么改进 <div> 名字：<input type="text" name="username"> <br> 昵称：<input type="text" name="nickname"> <...
Bootstrap基础练习（一）
doc_wei
10-22 3592
在Bootstrap中除了使用标签、等说明正文某些字词、句子的重要性，Bootstrap还定义了一套类名，这里称其为强调类名（类似前面说的“.lead”）,这些强调类都是通过颜色来表示强调，具本说明如下： .text-muted：提示，使用浅灰色（#999）.text-primary：主要，使用蓝色（#428bca）.text-success：成功，使用浅绿色(#3c763d).text-i
bootstrap网格系统及练习
weixin_47150940的博客
07-30 475
bootstrap网格系统 实现原理 网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分 12 份，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是将容器平分成 12 份。 工作原理 Bootstrap 框架的网格系统工作原理如下： 1.数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding)。 <div class="container"> <div class=
bootstrap小练习
qq_54998648的博客
05-25 310
bootstrap提供的许多功能需要去慢慢了解，在项目中实战即可。这里将进行一个简单的表单制作。 用户登录表单 1.使用bootstrap进行响应式布局； 2.使用选项卡(tab)进行不同功能区的切换； 3.使用form-horizontal和form-group类进行表单布局； 4.使用form-control类美化表单控件； 5.使用btn btn-success等类美化按钮； 6.使用glyphicon设立图标； <!doctype html> <.
BootStrap的简单练习
好好学习，天天向上
04-18 190
BootStrap的简单练习
[Bootstrap案例练习]——现代浏览器博物馆
tory886的博客
08-11 1638
一个Bootstrap案例练习——现代浏览器博物馆 练习时长：4-5h
Bootstrap练习：百度登录框
11-03
在这个“Bootstrap练习：百度登录框”项目中，我们将探讨如何利用Bootstrap的模态框（Modal）功能来创建一个类似于百度登录界面的元素。 首先，`bootstrap.min.css`是Bootstrap的核心样式文件，它包含了Bootstrap的...
bootstrap页面练习-4个完整页面--哈哈
09-26
在“bootstrap页面练习-4个完整页面--哈哈”这个压缩包中，你将找到一系列资源，帮助你深入理解和实践Bootstrap框架。 首先，我们有两个PPT文件：“bootstrap入门919.ppt”和“bootstrap924.ppt”。这些文件通常...
Bootstrap-Practice:ACA 101的Bootstrap练习
03-17
在“Bootstrap Practice: ACA 101的Bootstrap练习”中，你将有机会实际操作这些组件，了解它们的工作原理以及如何根据需求进行自定义。 此外，Bootstrap还提供了一些实用的工具类，如文本对齐（`.text-center`）、...
Bootstrap基础练习28个样例（含代码）
04-30
自学的BootStrap,里面有28个基础样例（Css + jquery），Index.html目录起，适合开发时，忘记了，拿过来就用
bootstrap入门练习实例
03-09
本程序是一些关于怎样使用bootstrap的一些实例，教你一步一步的学学会怎样用Bootstrap设计出一个美观的网站。仔细讲解了关于网页设计中用到的所有的控件的样式和特效。也是王聪视频的源码。
基于bootstrap的仿站练习01
11-28
bootstrap模仿http://www.bootcdn.cn/网站，静态页面~
bootstrap-test：第一次bootstrap练习
02-18
欢迎USER_NAME， 这是Gitpod的代码学院学生模板。 我们已经预装了您入门所需的所有工具。 您可以安全地删除此README.md文件，或为您自己的项目进行更改。 不过，请至少阅读一次！ 它包含有关Gitpod和我们使用的扩展...
Bootstrap项目练习.zip
05-15
在这个“Bootstrap项目练习.zip”压缩包中，包含了两个文件，分别是“微票-Bootstrap”和“΢Ʊ-Bootstrap”，这可能代表了两个基于Bootstrap开发的网页示例。 Bootstrap的核心特性包括栅格系统、预定义的CSS样式、...
网页设计练习第四周-Bootstrap-5的学习
2302_80868896的博客
11-24 112
1、.container类（响应式页面）和.container-fluid类（全宽页面）；.pt-5类增加页面顶部填充；2、.p设置padding，.m设置margin，x设置左右，y设置上下；bg：background，text：文本；1、.cow创建一个行，.col-size-*创建列宽；网格系统从堆叠（小型设备）到水平（较大设备）；3、网格：.row创建一行，.col-sm|md|lg|xl|xxl-*（数字）设置所占列数；
Part2 bootstrap练习 2023.11.24-11.30
w_peifang的博客
11-25 370
1.bootstrap5容器有固定容器和流体容器。固定宽度容器是一种响应式的容器，会随着网页界面的大小改变容器的固定宽度的值，流体容器跨越整个屏幕。bootstrap5网格系统中最多有12列，用col-*-*来设置列的格式布局，第一个（*）是响应度，第二个（*）数字，每一列的数字加起来等于12.
bootstrap所问数据
最新发布
12-23
bootstrap是一种统计学方法，用于通过从原始数据集中进行有放回抽样来估计统计量的分布。它可以用于估计均值、方差、置信区间等。 在引用中提到了使用bootstrap来估计均值的差异。具体来说，可以使用bootstrap来估计联系变量（每周每个学生练习的小时数）的均值差异。 在引用中提到了使用bootstrap的百分位数来构建置信区间。具体来说，可以通过从bootstrap分布中选择与所需置信水平相对应的百分位数来构建置信区间。 以下是使用bootstrap估计均值差异和构建置信区间的示例代码： ```python import numpy as np # 原始数据集 data = [2, 4, 6, 8, 10] # bootstrap抽样次数 = 1000 # 用于存储bootstrap样本均值的数组 bootstrap_means = np.zeros(B) # 进行bootstrap抽样和计算样本均值 for i in range(B): bootstrap_sample = np.random.choice(data, size=len(data), replace=True) bootstrap_means[i] = np.mean(bootstrap_sample) # 估计均值差异 mean_difference = np.mean(bootstrap_means) - np.mean(data) # 构建置信区间 confidence_interval = np.percentile(bootstrap_means, [2.5, 97.5]) print("均值差异: ", mean_difference) print("置信区间: ", confidence_interval) ``` 这段代码首先定义了原始数据集`data`，然后使用bootstrap方法进行1000次抽样，并计算每个bootstrap样本的均值。最后，通过计算bootstrap样本均值的均值与原始数据集均值之间的差异来估计均值差异，并使用bootstrap样本均值的百分位数构建置信区间。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值