Bootstrap基础入门

加载中
• 阅读 188

Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。
它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。
国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。

支持组件:
Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件:
下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等
支持插件:
Bootstrap自带了13个jQuery插件,这些插件为Bootstrap中的组件赋予了“生命”。其中包括:
模式对话框、标签页、滚动条、弹出框等。
包含内容:
 基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。
 CSS:Bootstrap 自带以下特性:全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。
 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。
 JavaScript 插件:Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。
 定制:您可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到您自己的版本。

更多bootstrap课程:阿里云大学——开发者课堂

点赞
收藏
评论区
推荐文章
Souleigh ✨ Souleigh ✨
4年前
几个有点意思的 CSS 技巧
如果你是一名前端开发人员或者想成为一名开发人员,那么,我今天与你分享的9个CSS技巧,你需要知道一下。现在,我们开始吧。1、学习盒子模型你在学习CSS时,应该避免使用Bootstrap或TailwindCSS等框架,这些工具非常适合构建漂亮的网站,但如果你还不能正确的了解CSS,则建议不要使用这些框架中的任何一个。因为如果你使用了这些工具,你将无法学习
雷厉风行 雷厉风行
2年前
WebStorm 2023 for Mac:智能、高效的前端开发工具,支持多种前端技术 - 前端开发工具,智能,高效
WebStorm2023forMac是一款专业的Web开发工具,由Jetbrains公司开发。它提供了许多强大的功能,适用于多种Web技术,包括HTML、CSS、JavaScript、Node.js等。WebStorm2023forMac是Web开发者的首
Wesley13 Wesley13
3年前
java版spring cloud+spring boot+redis多租户社交电子商务平台
前端框架:Jquery/Bootstrap/H5/CSS3、IOS、Android、小程序开发模式:代码生成工具、驱动式开发模式、提高开发效率核心架构:SpringCloud、SpringBoot、MybatisPlus、Redis社交模式:VR全景虚拟现实、直播带货、短视频带货、分销分润、代跑腿配送等JDK/数据库:JDK1
子桓 子桓
2年前
JavaScript开发工具:WebStorm for Mac v2023.1
WebStorm是由JetBrains公司开发的一款专业的JavaScript开发工具,它支持多种前端开发技术和框架,包括HTML、CSS、JavaScript、TypeScript、React、Angular、Vue等等。它具有丰富的功能和直观的用户界面
Stella981 Stella981
3年前
FastAdmin
FastAdmin是一款基于ThinkPHP5Bootstrap的极速后台开发框架。感觉挺好用的。开发文档https://doc.fastadmin.net/docs/index.html(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fdoc.fastadmin.net%2F
Stella981 Stella981
3年前
Bootstrap引入在线路径
 如果不想麻烦地安装Bootstrap,可以通过引入在线路径的方式使用bootstrap样式表文件<metarel"stylesheet"src"http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"核心JS文件
Stella981 Stella981
3年前
Angular7教程
1\.本节说明本节以及后面的内容我们将会通过搭建一个简单的博客程序来对angular进行介绍,项目使用前端框架是bootstrap.版本v3.3.7,另外需要安装jquery.关于bootstrap,jquery的安装方法第一篇中有讲解,不再赘述。本节内容由于搭建页面框架的关系,主要是bootstrap的内容,与angular关系不太
Stella981 Stella981
3年前
Django 学习之Xadmin
一.xadmin的特点   1.基于Bootstrap3:Xadmin使用Bootstrap3.0框架精心打造。基于Bootstrap3,Xadmin天生就支持在多种屏幕上无缝浏览,并完全支持Bootstrap主题模板,让您的管理后台也动感、多样起来。   2.内置功能丰富:Xadmin作为一款全面的后