当前位置： 首页 > news >正文

python web开发(四): Bootstrap

news 2026/5/18 14:24:49

1.初步了解

别人已经写好的CSS样式，我们可以直接引用

  • 下载
    Link-BootStrap

  • 解压，并放入到当前项目中
    在这里插入图片描述

  • 引用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--    第一种方式引用： 开发版本 --><link rel="stylesheet" href="static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css"><!--    第二种方式引用：生产版本；相比开发版文件更小，其他都一样 --><link rel="stylesheet" href="static/plugins/bootstrap-3.4.1-dist/css/bootstrap.min.css"></head>
<body><input type="button" value="原始按钮"><input type="button" value="bootstrap-1" class="btn btn-primary"><input type="button" value="bootstrap-2" class="btn btn-success"><input type="button" value="bootstrap-3" class="btn btn-danger"><input type="button" value="bootstrap-4" class="btn btn-danger btn-xs">
</body>
</html>

效果如下
在这里插入图片描述

2. 小试牛刀

构建一个导航界面

进入bootstrap文档
在这里插入图片描述
在这里插入图片描述

将代码拷贝到html文件中，并对部分代码进行定制化修改，如下图所示
在这里插入图片描述
效果如下
在这里插入图片描述

相关文章：

python web开发(四): Bootstrap

1.初步了解 别人已经写好的CSS样式&#xff0c;我们可以直接引用 下载 Link-BootStrap 解压&#xff0c;并放入到当前项目中 引用 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</tit…...

编程日记 2023/10/19 5:48:02

【EI会议征稿】2024年遥感技术与测量测绘国际学术会议（RSTSM 2024）

2024年遥感技术与测量测绘国际学术会议&#xff08;RSTSM 2024&#xff09; 2024 International Conference on Remote Sensing Technology and Survey Mapping 2024年遥感技术与测量测绘国际学术会议&#xff08;RSTSM 2024&#xff09;将在2024年1月12-14日于吉林长春召开。…...

编程日记 2023/10/19 5:47:01

灵感：VUE2实现权限按钮控制

运用场景&#xff1b; 根据权限码&#xff0c;实现判断当前用户是否能控制权限按钮 一、在main.JS 里面写入全局指令《自定义权限按钮》 // S 自定义按钮权限 Vue.directive(has, {inserted: function(el, binding) {const buttonList JSON.parse(localStorage.getItem(butt…...

编程日记 2023/10/19 5:46:00

【2023最新版】Python全栈知识点总结

python全栈知识点总结 全栈即指的是全栈工程师&#xff0c;指掌握多种技能&#xff0c;并能利用多种技能独立完成产品的人。就是与这项技能有关的都会&#xff0c;都能够独立的完成。 全栈只是个概念&#xff0c;也分很多种类。真正的全栈工程师涵盖了web开发、DBA 、爬虫 、…...

编程日记 2023/10/19 5:44:59

推荐系统离线评估方法和评估指标，以及在推荐服务器内部实现A/B测试和解决A/B测试资源紧张的方法。还介绍了如何在TensorFlow中进行模型离线评估实践。

文章目录 &#x1f31f; 离线评估&#xff1a;常用的推荐系统离线评估方法有哪些&#xff1f;&#x1f34a; 1. RMSE/MSE&#x1f34a; 2. MAE&#x1f34a; 3. Precision/Recall/F1-score&#x1f34a; 4. Coverage&#x1f34a; 5. Personalization&#x1f34a; 6. AUC &…...

编程日记 2023/10/19 5:43:59

day1：Node.js 简介

day1：Node.js 简介 文章目录 day1：Node.js 简介Node.js 是什么？Node.js 的历史和发展 ?Node.js 的主要用途和优势 ?Node.js 是什么？ 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。 Node.js 是一个事…...

编程日记 2023/10/19 5:42:57

ESP RainMaker 客户案例 #1｜Halonix

Halonix 是印度规模增长最快的电器公司之一&#xff0c;专注于照明、风扇等电器产品&#xff0c;正在进军健康和安全领域&#xff0c;现已推出紫外线消毒器和安全摄像头。Halonix 致力于创新&#xff0c;不断采用新兴前沿技术实现产品迭代&#xff0c;并通过加强设备间的互联互…...

编程日记 2023/10/19 5:41:56

【Linux】adduser命令使用

我们经常在linux系统中创建用户。有时候用的是 useradd 有时候用的是 adduser &#xff0c;好混乱啊到底用哪个啊。今天咱们一起来学习一下。 adduser与useradd的区别 useradd 命令是内置的 Linux 命令&#xff0c;在任何 Linux 系统中都可用。然而&#xff0c;使用这种低级…...

编程日记 2023/10/19 5:38:50

中文连续视觉语音识别挑战赛

视觉语音识别&#xff0c;也称唇语识别&#xff0c;是一项通过口唇动作来推断发音内容的技术。该技术在公共安全、助老助残、视频验真等领域具有重要应用。当前&#xff0c;唇语识别的研究方兴未艾&#xff0c;虽然在独立词、短语等识别上取得了长足进展&#xff0c;但在大词表…...

编程日记 2023/10/19 5:37:49

(ubuntu) 安装JDK

文章目录 前言参看java版本的命令&#xff1a;安装jdk命令安装jps关闭防火墙&#xff1a;查看端口占用&#xff1a;&#xff08;坑&#xff09;ubuntu上Mysql默认标明 区分大小写 前言 提示&#xff1a;常以为人是一个容器&#xff0c;盛着快乐&#xff0c;盛着悲哀。但是人不…...

编程日记 2023/10/19 5:36:47

工程管理系统源码之全面+高效的工程项目管理软件

高效的工程项目管理软件不仅能够提高效率还应可以帮你节省成本提升利润 在工程行业中&#xff0c;管理不畅以及不良的项目执行&#xff0c;往往会导致项目延期、成本上升、回款拖后&#xff0c;最终导致项目整体盈利下降。企企管理云业财一体化的项目管理系统&#xff0c;确保…...

编程日记 2023/10/19 5:35:45

网络安全常见问题隐患及其应对措施

随着数字化时代的到来&#xff0c;网络安全已经成为组织和个人面临的严重挑战之一。网络攻击日益普及&#xff0c;黑客和不法分子不断寻找机会侵入系统、窃取敏感信息、破坏服务和网络基础设施。在这种情况下&#xff0c;了解网络安全的常见问题隐患以及如何应对它们至关重要。…...

编程日记 2023/10/19 5:34:44

《机器学习分类器 二》——朴素的贝叶斯算法，项目实践，算法实践。

1,朴素贝叶斯算法的介绍 1. 朴素贝叶斯算法定义 朴素贝叶斯算法是基于概率统计的分类方法。它的核心思想是利用贝叶斯定理来估计在给定特征的条件下某个类别的概率&#xff0c;然后选择具有最高概率的类别作为预测结果。在分类问题中&#xff0c;我们通常有一个数据集&#x…...

编程日记 2023/10/19 5:33:43

亚马逊英国站手机/笔记本电脑电池和充电器的合规标准是什么？

手机/笔记本电脑电池和充电器 亚马逊网站上销售的所有手机/笔记本电脑电池和充电器替换件均须符合指定的认证标准。请注意&#xff0c;如果不符合这些标准&#xff0c;亚马逊可能会撤销您的销售权限。要在亚马逊商城销售这些商品&#xff0c;您必须先将以下信息提交至 eu-elec…...

编程日记 2023/10/19 5:32:41

亚马逊云科技顾凡解读云计算助力初创快速抢滩生成式AI新风口

麦肯锡发布的《生成式人工智能的经济潜力》报告指出&#xff0c;“生成式AI可以被用到16个业务部门的63个场景&#xff0c;解决具体的业务挑战&#xff0c;为企业带来2.6到4.4万亿美元的价值。” 在亚马逊云科技大中华区战略业务发展部总经理顾凡看来&#xff0c;未来每一个To …...

编程日记 2023/10/19 5:31:40

Unity之ShaderGraph如何实现积雪效果

前言 我们在一些特殊场景&#xff0c;比如冰雪天&#xff0c;经常会对周围物体添加一些积雪效果&#xff0c;如果我们直接把积雪做到模型上&#xff0c;就无法更加灵活的表现其他天气的环境了&#xff0c;比如春夏秋冬切换。所以一般这种需求我们都是使用Shader来表现。 入下图…...

编程日记 2023/10/19 5:30:39

实现mnist手写数字识别

>- **&#x1f368; 本文为[&#x1f517;365天深度学习训练营](https://mp.weixin.qq.com/s/Nb93582M_5usednAKp_Jtw) 中的学习记录博客** >- **&#x1f356; 原作者&#xff1a;[K同学啊 | 接辅导、项目定制](https://mtyjkh.blog.csdn.net/)** >- **&#x1f680;…...

编程日记 2023/10/19 5:29:39

Camera BSP之GPIO/I2C/PMIC简介

和你一起终身学习&#xff0c;这里是程序员Android 经典好文推荐&#xff0c;通过阅读本文&#xff0c;您将收获以下知识点: 一、GPIO介绍二、IC 总线概括三、PMIC 概括四、思考 一、GPIO介绍 GPIO&#xff1a;General Purpose Input Output &#xff08;通用输入/输出&#xf…...

编程日记 2023/10/19 5:28:38

Spring 数据校验：Validation

文章目录 Spring Validation概述实验一&#xff1a;通过Validator接口实现实验二&#xff1a;Bean Validation注解实现实验三&#xff1a;基于方法实现校验实验四&#xff1a;实现自定义校验 Spring Validation概述 在开发中&#xff0c;我们经常遇到参数校验的需求&#xff0…...

编程日记 2023/10/19 5:27:37

网页构造与源代码

下载google浏览器 设置打开特定网址&#xff1a;www.baidu.com 查看网页或元素源代码 网页右键选择“检查”查看源代码 网页源代码 元素源代码...

编程日记 2023/10/19 5:26:36

LabVIEW与单片机协同开发：构建可交互硬件原型的通信与事件驱动架构

1. 项目概述与核心思路上次我们聊了用LabVIEW制作一个“iPhone”的初步构想和界面设计&#xff0c;很多朋友反馈说对如何将虚拟界面与实际硬件联动起来特别感兴趣。这第二集&#xff0c;我们就来深入聊聊这块硬骨头——如何让LabVIEW这个强大的图形化编程工具&#xff0c;真正驱…...

编程新知 2026/5/18 13:30:37

Pixelle-Video完整指南：如何用AI在3分钟内创建专业短视频

Pixelle-Video完整指南&#xff1a;如何用AI在3分钟内创建专业短视频 【免费下载链接】Pixelle-Video &#x1f680; AI 全自动短视频引擎 | AI Fully Automated Short Video Engine 项目地址: https://gitcode.com/GitHub_Trending/pi/Pixelle-Video 在当今内容爆炸的时…...

编程新知 2026/5/18 13:11:46

Proxmark3GUI图形化工具：5分钟学会RFID卡片分析与数据管理

Proxmark3GUI图形化工具&#xff1a;5分钟学会RFID卡片分析与数据管理 【免费下载链接】Proxmark3GUI A cross-platform GUI for Proxmark3 client | 为PM3设计的跨平台图形界面 项目地址: https://gitcode.com/gh_mirrors/pr/Proxmark3GUI Proxmark3GUI是一款为Proxmar…...

编程新知 2026/5/18 12:24:43

Nexus Mods App 终极指南：告别模组冲突，打造完美游戏体验

Nexus Mods App 终极指南&#xff1a;告别模组冲突&#xff0c;打造完美游戏体验 【免费下载链接】NexusMods.App Home of the development of the Nexus Mods App 项目地址: https://gitcode.com/gh_mirrors/ne/NexusMods.App 还在为模组冲突导致游戏崩溃而烦恼吗&…...

编程新知 2026/5/18 11:32:59

避开这5个坑，你的癫痫脑电AI模型准确率能翻倍：从数据标注到特征工程实战

避开这5个坑&#xff0c;你的癫痫脑电AI模型准确率能翻倍&#xff1a;从数据标注到特征工程实战 在医疗AI领域&#xff0c;癫痫脑电信号分析一直是个充满挑战的课题。许多开发者满怀信心地构建模型&#xff0c;却在验证阶段遭遇性能瓶颈——准确率停滞不前&#xff0c;误报率居…...

编程新知 2026/5/17 10:55:29

CoPaw：让AI代码助手深度适配个人项目与团队规范的工程化实践

1. 项目概述与核心价值最近在折腾一个挺有意思的开源项目&#xff0c;叫CoPaw&#xff0c;作者是 alexgzx。光看名字可能有点摸不着头脑&#xff0c;但如果你对 AI 辅助编程、代码生成或者想提升自己的开发效率感兴趣&#xff0c;那这个项目绝对值得你花时间研究一下。简单来说…...

编程新知 2026/5/17 10:48:57

对比直接使用厂商 API 体验 Taotoken 在路由容灾上的价值

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 对比直接使用厂商 API 体验 Taotoken 在路由容灾上的价值 在开发依赖大模型能力的应用时&#xff0c;服务的连续性与稳定性是保障用…...

编程新知 2026/5/17 10:20:20

ncmdumpGUI：3步解决网易云音乐ncm格式播放限制的终极方案

ncmdumpGUI&#xff1a;3步解决网易云音乐ncm格式播放限制的终极方案 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 你是否曾经在网易云音乐下载了心爱的歌曲…...

编程新知 2026/5/17 8:06:47

猫抓扩展完整指南：三步掌握浏览器视频嗅探与下载技巧

猫抓扩展完整指南&#xff1a;三步掌握浏览器视频嗅探与下载技巧 【免费下载链接】cat-catch 猫抓 浏览器资源嗅探扩展 / cat-catch Browser Resource Sniffing Extension 项目地址: https://gitcode.com/GitHub_Trending/ca/cat-catch 猫抓&#xff08;Cat-Catch&#…...

编程新知 2026/5/18 11:30:25

如何3秒破解百度网盘提取码难题：开源工具baidupankey的技术解析与实战指南

如何3秒破解百度网盘提取码难题&#xff1a;开源工具baidupankey的技术解析与实战指南 【免费下载链接】baidupankey 项目地址: https://gitcode.com/gh_mirrors/ba/baidupankey 你是否曾在寻找百度网盘资源时&#xff0c;被一个小小的提取码卡住&#xff0c;不得不花费…...

编程新知 2026/5/18 13:05:10