目录

超常用类名


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-基础入门相关推荐

  1. 用python循环语句求素数_Python基础入门_3条件语句和迭代循环

    Python 基础入门前两篇: Python 基础入门--简介和环境配置 Python基础入门_2基础语法和变量类型 这是第三篇内容,主要简单介绍条件语句和迭代循环语句,内容也比较简单,目录如下: 条 ...

  2. MAYA 2022基础入门学习教程

    流派:电子学习| MP4 |视频:h264,1280×720 |音频:AAC,48.0 KHz 语言:英语+中英文字幕(根据原英文字幕机译更准确)|大小解压后:3.41 GB |时长:4.5小时 包含 ...

  3. Blender 3.0基础入门学习教程 Introduction to Blender 3.0

    成为Blender通才,通过这个基于项目的循序渐进课程学习所有主题的基础知识. 你会学到什么 教程获取:Blender 3.0基础入门学习教程 Introduction to Blender 3.0- ...

  4. 三维地形制作软件 World Machine 基础入门学习教程

    <World Machine课程>涵盖了你需要的一切,让你有一个坚实的基础来构建自己的高质量的电影或视频游戏地形. 你会学到什么 为渲染或游戏开发创建高分辨率.高细节的地形. 基于Worl ...

  5. SketchUp Pro 2021基础入门学习视频教程

    SketchUp Pro 2021基础入门学习视频教程 1280X720 MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz,2 Ch 流派:电子学习|语言:英语+中文字幕( ...

  6. Maya基础入门学习教程

    Maya基础入门学习教程 视频:.MKV, 1280x720, 共57节课 时长 4小时25分钟,3GB 语言:英语+中文字幕(根据原英文字幕机译更准确)+原英文字幕 指导老师:Shane Whitt ...

  7. Maya2022基础入门学习教程

    Maya2022基础入门学习教程 Maya 2022 Essential Training Maya2022基础入门学习教程 Maya 2022 Essential Training MP4 |视频: ...

  8. Blender基础入门学习教程 Learning Blender from Scratch

    Blender基础入门学习教程 Learning Blender from Scratch 流派:电子学习| MP4 |视频:h264,1280×720 |音频:aac,48000 Hz 语言:英语+ ...

  9. json vue 对象转数组_vue 基础入门(一)修改

    vue基础入门(一) 1. 什么是vue Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. Vue 的目标 ...

  10. python 二进制流转图片_Python零基础入门到精通-5.1节:Python程序的执行过程

    教程引言: 系统地讲解计算机基础知识,Python的基础知识, 高级知识,web开发框架,爬虫开发,数据结构与算法,nginx, 系统架构.一步步地帮助你从入门到就业. 5.1.1 在命令行中执行Py ...

最新文章

  1. mysql数据库查询全部信息_mysql 查询怎么获取数据库下所有表的信息?
  2. 联邦学习的隐忧:来自梯度的深度泄露
  3. 重温ES6核心概念和基本用法
  4. 2016年计算机视觉和图像处理相关的国际会议一览表
  5. jQuery控制表格垂直滚动条
  6. android Json详解
  7. mysql 学习笔记08 日期相关函数2
  8. mysql 4 中文模糊查询_解决MySQL中文模糊查询问题
  9. 月度开销(信息学奥赛一本通-T1243)
  10. css删除li 圆点_CSS中li圆点样式
  11. [Spring实战系列](18)注解切面
  12. 克隆网站工具_4 种开源云安全工具
  13. php sqlite存入文件夹,PHP_小文件php+SQLite存储方案,我们草根站长购买的虚拟主机 - phpStudy...
  14. zabbix详解(十五)——zabbix proxy配置实战
  15. web浏览器下载文件没响应不报错
  16. 认知科学早期的计算机隐喻理论是什么,相对于认知科学,首先我们得从这六个问题着手...
  17. 70后.net老猿,尚能饭否?
  18. 职场PUA:为什么你就不能逼自己一把呢?
  19. php 模拟百度蜘蛛
  20. python-DataFrame练习

热门文章

  1. 云原生爱好者周刊:炫酷的 Grafana 监控面板集合
  2. [TI TDA4 J721E] Sensor 鱼眼摄像头 LDC畸变校正模块LUT的创建和生成——详解
  3. 【03项目立项管理】【背诵版】
  4. JavaWeb项目开发案例精粹-第3章在线考试系统-003Dao层
  5. 多省市出台关于区块链人才引进的计划
  6. win10 企业版2016长期服务激活教程
  7. Struck的安装注意事项
  8. 渗透扫描工具Nmap下载、安装和使用
  9. Scrapy框架中CrawSpider的使用
  10. 排序算法lowb三人组-冒泡排序