01_Bootstrap起步1|学习笔记

简介: 快速学习01_Bootstrap起步1

开发者学堂课程【前端开发框架Bootstrap使用教程01_Bootstrap起步1】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/360/detail/4220


01_Bootstrap起步1


目录:

一、Bootstrap 介绍

二、下载 Bootstrap

三、对浏览器和设备的支持情况


一、Bootstrap介绍

官网:getbootstrap.com

中文网址:www.bootcss.com

打开中文网址


image.png


点击 Bootstrap3 中文文档(v3.3.5)

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局,移动设备优先的 WEB 项目。

为所有开发者,所有应用场景而设计

包含三个方面 :  

预处理脚本:虽然可以直接使用 Bootstrap 提供的 CSS 样式表,不要忘记 Bootstrep 的源码是基于最流行的 CSS 预处理脚本- Less和Sass开发的。你可以采用预编译的 CSS 文件快速开发,也可以从源码定制自己需要的样式。

一个框架、多种设备:你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备,这-切都是 CSS 媒体查询( Media Query )的功劳。

特性齐全:ootstrap 提供了全面、美观的文档。你能在这里找到关于 HTML 元素、HTML 和  CSS 组件、jQuery 插件方面的所有详细文档。

查看基于 Bootstrap 构建的网站

例www.ghostchina.com

还可以进入优站精选


二、下载Bootstrap

有三种下载方式

用于生产环境的 Bootstrap:编译并压缩后的 CSS. JavaScrip 和字体文件。不包含文档和源码文件。

Bootstrap 源码:Less、JavaScript 和字体文件的源码,并且带有文档。需要 Less 编译器和一些设置工作。

Sass:这是 Bootstrap 从 Less 到 Sass 的源码移植项目,用于快速地在 Ralls. Compass 或只针对 Sass 的项目中引入。

推荐下载第二个


三、对浏览器和设备的支持情况

被支持的浏览器

Bootstrap 在 Chromium 和 Linux 版 Chrome、Linux 版 Firefox 和 IntermetExplorer7 上的表现也是很不错的,虽然我们不对其进行官方支持。

浏览器 bug 列表中列出了影响 Bootstrap 正常功能的浏览器 bug。

lnternetExplorer 8和9

InternetExplorer8和9是被支持的,然而,你要知道,很多 CSS3 属性和 HTML5 元素-例如,圆角矩形和投影-是.肯定不被支持的。另外, Internet Explorer 8需要 Respond.js 配合才能实现对媒体查询( media query)的支持


image.png

相关文章
|
2天前
|
数据采集 人工智能 安全
|
11天前
|
云安全 监控 安全
|
3天前
|
自然语言处理 API
万相 Wan2.6 全新升级发布!人人都能当导演的时代来了
通义万相2.6全新升级,支持文生图、图生视频、文生视频,打造电影级创作体验。智能分镜、角色扮演、音画同步,让创意一键成片,大众也能轻松制作高质量短视频。
1021 151
|
3天前
|
编解码 人工智能 机器人
通义万相2.6,模型使用指南
智能分镜 | 多镜头叙事 | 支持15秒视频生成 | 高品质声音生成 | 多人稳定对话
|
17天前
|
机器学习/深度学习 人工智能 自然语言处理
Z-Image:冲击体验上限的下一代图像生成模型
通义实验室推出全新文生图模型Z-Image,以6B参数实现“快、稳、轻、准”突破。Turbo版本仅需8步亚秒级生成,支持16GB显存设备,中英双语理解与文字渲染尤为出色,真实感和美学表现媲美国际顶尖模型,被誉为“最值得关注的开源生图模型之一”。
1720 9
|
8天前
|
人工智能 自然语言处理 API
一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸
一句话生成拓扑图!next-ai-draw-io 结合 AI 与 Draw.io,通过自然语言秒出架构图,支持私有部署、免费大模型接口,彻底解放生产力,绘图效率直接爆炸。
660 152
|
10天前
|
人工智能 安全 前端开发
AgentScope Java v1.0 发布,让 Java 开发者轻松构建企业级 Agentic 应用
AgentScope 重磅发布 Java 版本,拥抱企业开发主流技术栈。
626 13
|
5天前
|
SQL 自然语言处理 调度
Agent Skills 的一次工程实践
**本文采用 Agent Skills 实现整体智能体**,开发框架采用 AgentScope,模型使用 **qwen3-max**。Agent Skills 是 Anthropic 新推出的一种有别于mcp server的一种开发方式,用于为 AI **引入可共享的专业技能**。经验封装到**可发现、可复用的能力单元**中,每个技能以文件夹形式存在,包含特定任务的指导性说明(SKILL.md 文件)、脚本代码和资源等 。大模型可以根据需要动态加载这些技能,从而扩展自身的功能。目前不少国内外的一些框架也开始支持此种的开发方式,详细介绍如下。
385 4