01-BootStrap入门

最新推荐文章于 2024-07-30 10:33:24 发布
最新推荐文章于 2024-07-30 10:33:24 发布
阅读量138 收藏
点赞数
分类专栏： BootStrap 文章标签： Boostrap 前端框架 样式学习 快速布局
作者：李杰，如需转载请先告知声明谢谢！
本文链接：https://blog.csdn.net/weixin_41660948/article/details/86483562
版权

文章目录

一、起步

1、下载

2、版本

  1. 不带源码版本的Boostrap。
  2. 带源码版本用于学习的版本。

1542789549794

3、文件引用

<!-- 新 Bootstrap 核心 CSS 文件 -->  
<link rel="stylesheet" href="css/bootstrap.css">  

<!-- jQuery文件。boostrap依赖jquery -->  
<script src="jquery/jquery.min.js"></script>  

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
<script src="js/bootstrap.min.js"></script>

二、入门准备

1.文档类型：声明为html5类型

<!DOCTYPE html>
<html lang="zh-CN">
  ...
</html>

2.兼容移动设备真实宽度

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

3.媒体查询方式

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
SmileLis
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web--bootstrap入门基础笔记
09-26
这个"web--bootstrap入门基础笔记"是专科计算机软件设计专业大二学生在一个月内通过32节90分钟课程学习的总结，适用于从零开始学习的初学者，同时也为有一定经验的开发者提供参考。 首先，Bootstrap的核心概念是...
BootStrap 01
big_lu的博客
10-27 116
Bootstrap 五.Bootstrap 官网：https://getbootstrap.com/ 中文官网：https://bootcss.com/ 1.响应式布局 　1.什么是响应式网页 Responsive web page:响应式网页，可以根据浏览 器设备的不同（pc/pad/phone）而自动的更改布局，图片文字效果，不会影响用户的浏览体验。 2.响应式网页必须做到 1.布局：不能固定...
Bootstrap笔记01
qq_37962848的博客
02-24 174
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
BootStrap-01
Do
07-12 239
当天视频     其他笔记     代码BootStrap 熟悉2018/7/12 9:03:04简介Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的 是一个基于HTML、CSS、JavaScript 的开源框架。 该框架代码简洁、视觉优美，可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。 特点Bootstrap 非常流行，得益于它非常实用...
react-bootstrap-carousel:React部分自举轮播
05-13
入门 import ReactBootstrapCarousel from "react-bootstrap-carousel" ; import "bootstrap/dist/css/bootstrap.css" ; import "react-bootstrap-carousel/dist/react-bootstrap-carousel.css" ; Bootstrap@3.3.7...
react-bootstrap-starter:一个带有react-router的react-bootstrap入门模板
04-29
React Bootstrap入门 | React Bootstrap Starter是创建的用于react和bootstrap的入门模板。 这个主题使用Create React App，react-bootstrap和gh-pages。 下载及安装 要开始使用此模板，请选择以下选项之一以开始...
react-bootstrap-sass-starter-template:使用 React + React-Bootstrap + Sass-Bootstrap 的入门模板
06-19
React-Bootstrap-Sass-Starter-Template 使用 React + React-Bootstrap + Sass-Bootstrap 的入门模板全局安装 gulp： $ npm install --global gulp运行“bagaça” $ git clone git@github....
个人学习总结-BootStrap入门教程.docx
10-20
Bootstrap 是一个流行的前端开发框架，由 Twitter 创建，用于简化网页设计和开发过程。它提供了丰富的预定义样式、组件和JavaScript插件，以实现响应式布局和易用的交互效果。在这个个人学习总结中，我们将深入探讨...
支持AI的好用的编辑器aieditor
mopmgerg54mo的博客
07-30 169
AiEditor 是一个面向 AI 的下一代富文本编辑器。
Astro 实现TodoList网页应用案例
weixin_42357472的博客
07-30 237
在 src/components/ 目录下创建 TodoList.astro。
0729信息技术服务知识12.pdf
07-30
0729信息技术服务知识12.pdf
2024贵州省河流水系矢量图层shp数据最新版下载-带python代码
07-30
2024贵州省河流水系矢量图层shp数据下载-包含水系线和水系面数据，几千上万条数据，非常细化，附带shp转geojson的python代码
【SCI顶级】鱼鹰算法OOA-CNN-LSTM-Multihead-Attention温度预测【含源码 5769期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
【SCI顶级】遗传算法GA-CNN-LSTM-Multihead-Attention温度预测【含源码 5766期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
时尚个性四页.zip
07-30
【简历模板】工作总结、商业计划书、述职报告、读书分享、家长会、主题班会、端午节、期末、夏至、中国风、卡通、小清新、岗位竞聘、公司介绍、读书分享、安全教育、文明礼仪、儿童故事、绘本、防溺水、夏季安全、科技风、商务、炫酷、企业培训、自我介绍、产品介绍、师德师风、班主任培训、神话故事、巴黎奥运会、世界献血者日、防范非法集资、3D快闪、毛玻璃、人工智能等等各种样式的ppt素材风格。 设计模板、图片素材、PPT模板、视频素材、办公文档、小报模板、表格模板、音效配乐、字体库。 广告设计：海报，易拉宝，展板，宣传单，宣传栏，画册，邀请函，优惠券，贺卡，文化墙，标语，制度，名片，舞台背景，广告牌，证书，明信片，菜单，折页，封面，节目单，门头，美陈，拱门，展架等。 电商设计：主图，直通车，详情页，PC端首页，移动端首页，钻展，优惠券，促销标签，店招，店铺公告等。 图片素材：PNG素材，背景素材，矢量素材，插画，元素，艺术字，UI设计等。 视频素材：AE模板，会声会影，PR模板，视频背景，实拍短片，音效配乐。 办公文档：工作汇报，毕业答辩，企业介绍，总结计划，教学课件，求职简历等PPT/WORD模板。
SCI一区】天鹰算法AO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5644.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
2024新疆河流水系矢量图层shp数据最新版下载-带python代码
最新发布
07-30
2024新疆河流水系矢量图层shp数据下载-包含水系线和水系面数据，几千上万条数据，非常细化，附带shp转geojson的python代码
[毕业设计]Java班级信息管理系统的设计与实现(源代码).zip
07-30
[毕业设计]Java班级信息管理系统的设计与实现(源代码)
Scratch 操控益智游戏：倾斜之速.sb3
07-30
新关卡已推出！感谢您对 Tilt 2 的支持。Tilt Extended 包含不同视图、主要错误修复和十个新关卡！ 鼠标移动方向操控平台的旋转，借助平台使小方块移动，注意路上的陷阱，到达终点即可胜利。 SJA 分析数据： · 代码数量： 代码总数：2461 ，有效代码：2393 ，代码块：69 ； · 高级编辑： 扩展种类：1 ，函数定义：40 ，变量 & 列表定义：85 ； · 资源数量： 角色数：4 ，造型数量：11 ，音频数量：13 ； · 资源大小： 工程大小：4.5MB ，音频大小：3.1MB ，造型大小：332.3KB 。 此后仍有作品或有趣游戏，可以进行学习与借鉴。请关注作者，且点赞加收藏，记得推荐好友。下载即可游玩，快来下载吧！五星好评可以私信我，免费送资源！快来评论吧！
Django-bootstrap3 6.2.2 安装与模板指南
本资源是一份名为"Django-bootstrap3.pdf"的文档，由Dylan Verheul编撰，发布于2015年12月19日，主要介绍了如何在Django框架中集成Bootstrap3，一个流行的前端开发工具集。这份文档详细地指导用户进行安装、快速入门...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值