BootStrap3-基础入门
目录
超常用类名
Bootstrap中文网Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。目前,Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等,助力开发者掌握并使用这一框架。https://www.bootcss.com/我们可以去官网下载对应的bootstrap文件,在HTML页面中引入bootstrap.min.css以及bootstrap.min.js(可以下载引入非压缩版的,如果开发使用的话不建议)
或者使用包管理下载:
npm i bootstrap@3
在官网介绍中都有,这里不做多余介绍(需要注意的是,bootstrap是基于jQuery搭建的,所以我们要在引入bootstrap前引入jQuery)
我们可以在导航栏中获得到想要的UI架构
比如这个下拉菜单,我们可以直接复制上,粘贴到我们的HTML中,简直不要太方便
我们可以手动改变文字或者是效果(修改样式的时候尽量不要使用!important来提高权重-我们可以直接查找源代码复制到我们的样式文件中进行修改)
超常用类名
container:响应式布局版心类
row:自带间距15px
container-fluid:宽度为网页的100%
栅格系统 :
tips:其余功能以及详细代码解读可以到官方网站查询:
全局样式----------组件----------插件
(官方文档以及下载地址都在文章首部)
BootStrap3-基础入门相关推荐
- 用python循环语句求素数_Python基础入门_3条件语句和迭代循环
Python 基础入门前两篇: Python 基础入门--简介和环境配置 Python基础入门_2基础语法和变量类型 这是第三篇内容,主要简单介绍条件语句和迭代循环语句,内容也比较简单,目录如下: 条 ...
- MAYA 2022基础入门学习教程
流派:电子学习| MP4 |视频:h264,1280×720 |音频:AAC,48.0 KHz 语言:英语+中英文字幕(根据原英文字幕机译更准确)|大小解压后:3.41 GB |时长:4.5小时 包含 ...
- Blender 3.0基础入门学习教程 Introduction to Blender 3.0
成为Blender通才,通过这个基于项目的循序渐进课程学习所有主题的基础知识. 你会学到什么 教程获取:Blender 3.0基础入门学习教程 Introduction to Blender 3.0- ...
- 三维地形制作软件 World Machine 基础入门学习教程
<World Machine课程>涵盖了你需要的一切,让你有一个坚实的基础来构建自己的高质量的电影或视频游戏地形. 你会学到什么 为渲染或游戏开发创建高分辨率.高细节的地形. 基于Worl ...
- SketchUp Pro 2021基础入门学习视频教程
SketchUp Pro 2021基础入门学习视频教程 1280X720 MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz,2 Ch 流派:电子学习|语言:英语+中文字幕( ...
- Maya基础入门学习教程
Maya基础入门学习教程 视频:.MKV, 1280x720, 共57节课 时长 4小时25分钟,3GB 语言:英语+中文字幕(根据原英文字幕机译更准确)+原英文字幕 指导老师:Shane Whitt ...
- Maya2022基础入门学习教程
Maya2022基础入门学习教程 Maya 2022 Essential Training Maya2022基础入门学习教程 Maya 2022 Essential Training MP4 |视频: ...
- Blender基础入门学习教程 Learning Blender from Scratch
Blender基础入门学习教程 Learning Blender from Scratch 流派:电子学习| MP4 |视频:h264,1280×720 |音频:aac,48000 Hz 语言:英语+ ...
- json vue 对象转数组_vue 基础入门(一)修改
vue基础入门(一) 1. 什么是vue Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标 ...
- python 二进制流转图片_Python零基础入门到精通-5.1节:Python程序的执行过程
教程引言: 系统地讲解计算机基础知识,Python的基础知识, 高级知识,web开发框架,爬虫开发,数据结构与算法,nginx, 系统架构.一步步地帮助你从入门到就业. 5.1.1 在命令行中执行Py ...
最新文章
- mysql数据库查询全部信息_mysql 查询怎么获取数据库下所有表的信息?
- 联邦学习的隐忧:来自梯度的深度泄露
- 重温ES6核心概念和基本用法
- 2016年计算机视觉和图像处理相关的国际会议一览表
- jQuery控制表格垂直滚动条
- android Json详解
- mysql 学习笔记08 日期相关函数2
- mysql 4 中文模糊查询_解决MySQL中文模糊查询问题
- 月度开销(信息学奥赛一本通-T1243)
- css删除li 圆点_CSS中li圆点样式
- [Spring实战系列](18)注解切面
- 克隆网站工具_4 种开源云安全工具
- php sqlite存入文件夹,PHP_小文件php+SQLite存储方案,我们草根站长购买的虚拟主机 - phpStudy...
- zabbix详解(十五)——zabbix proxy配置实战
- web浏览器下载文件没响应不报错
- 认知科学早期的计算机隐喻理论是什么,相对于认知科学,首先我们得从这六个问题着手...
- 70后.net老猿,尚能饭否?
- 职场PUA:为什么你就不能逼自己一把呢?
- php 模拟百度蜘蛛
- python-DataFrame练习