BootStrap--的使用方法

响应式设计的原则：

移动优先还是pc优先（目前还是移动优先比较多--手机端）
内容流
位图还是矢量图
相对单位还是固定单位

BootStrap设计目标

优先针对移动设备
浏览器支持
响应式设计

首先进行下载或者cdn引用--Download · Bootstrap v5.2 (getbootstrap.com)

最新版本——下载编译好的样式和脚本文件

然后解压缩：里面有主要有两个文件夹——一个是css样式文件,一个是js脚本文件

里面的min的意思是压缩文件的意思

在网站中如何使用BootStrap框架——要求BootStrap文件夹需要和此网页处于同一个文件夹中

如何调用BootStrap样式(table表格为例)

原来的

调用的

如何调用BootStrap组件（nav导航键——对组件有自己的样式）

如何调用BootStrap 的JS特效（导航栏）

要根据对应版本的手册进行设置


html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>网页title>
	
	<link rel="stylesheet" href="bootstrap-5.2.0-dist/css/bootstrap.css">
	
	<script src="bootstrap-5.2.0-dist/js/bootstrap.js">script>
head>
<body>
<ul class="nav nav-tabs">
	<li class="nav-item">
		<a href="#home" class="nav-link" data-bs-toggle="tab">首页a>
	li>
	<li class="nav-item">
		<a href="#x" class="nav-link" data-bs-toggle="tab">简介a>
	li>
	<li class="nav-item">
		<a href="#y" class="nav-link" data-bs-toggle="tab">未来a>
	li>
ul>
 
 
<div class="tab-content">
	<div id="home" class="tab-pane active">这是首页标签div>
	<div id="x" class="tab-pane fade">这是简介标签div>
	<div id="y" class="tab-pane fade">这是未来标签div>
div>
 
body>
html>

相关阅读:
clip studio paint插件开发之服务套件（二）
Android自定义控件（六) Andriod仿iOS控件Switch开关
算法-REPEAT 程序
高性能计算环境下的深度学习异构集群建设与优化实践
【C++】基于Easyx的UI库
i.MX 6ULL 驱动开发二：搭建 KGDB 调试 linux 内核和驱动环境
navigator.mediaDevices.getUserMedia(constraints)可设置参数
前端练习--W3C导航条
多线程(虚拟地址空间)
MySQL常考知识点

原文地址：https://blog.csdn.net/weixin_47295886/article/details/126283468