首页 > 其他分享 >bootstrap 学习(一)

bootstrap 学习(一)

时间:2023-05-17 22:12:04浏览次数:39  
标签:插件 Bootstrap bootstrap 学习 栅格 组件 CSS

一、Bootstrap 简介

1、什么是 Bootstrap

  Bootstrap 是一个用于快速开发 web 应用程序和网站的开源的 UI 前端框架。Bootstrp是基于HTML、CSS、JS 的。

2、Bootstrap 的好处

移动设备优先:自 Bootstrap 3 起,框架包含了贯穿于整个库的移动设备优先的样式。

浏览器支持:所有的主流浏览器都支持 Bootstrap。

容易上手:只要您具备 HTML 和 CSS 的基础知识,您就可以开始学习 Bootstrp。

响应式设计:Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。

它为开发人员创建接口提供了一个简洁统一的解决方案。它包含了功能强大的内置组件,易于定制。它还提供了基于 Web 的定制。

3、Bootstrap 包含的内容

1、CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统

2、组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等

3、JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件。

4、获取 bootstrap

官网:http://getbootstrap.com/

中文网:http://www.bootcss.com/

二、全局Css

1、容器

1、固定宽度

用法:bootstrap已经为我们定义好了一个css的类container,使用container类来定义固定宽度并支持响应式布局的容器.

在一定的设备尺寸下面宽度固定,在不同的设备尺寸能自适应。

 

三、栅格系统

1、什么是栅格系统

  Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。栅格系统用于通过一系列的行(row)与列(column)的组合来创建页面布局,你的内容就可以放入这些创建好的布局中。

 

四、组件与插件

 1、为什么要使用组件和插件

  组件和插件是bootstrap为方便使用者调用一些常用的样式组合而设计的一套直接可使用的标签组合和js插件。

 

 

 

 

 

 

 

 

 

 

 

标签:插件,Bootstrap,bootstrap,学习,栅格,组件,CSS
From: https://www.cnblogs.com/zt19994/p/8600156.html

相关文章

  • 考研学习 | 每日回顾(2023年5月15日)
    昨天的考研数学笔记常用的极限两原则:拆分之后的所有式子都要有极限且只能在乘除法之间使用等价无穷小替换如果一个部分无法直接被化简计算,就尝试整体代换反三角函数arcsinx和arccosx的关系遇到三角函数问题时要知道:不同的三角函数之间可以相互转换......
  • 考研学习 | 每日回顾(2023年5月17日)
    昨天的考研数学笔记求解偏导数的时候一定要清楚当前谁是自变量:文内有小技巧求偏导时,函数的第一部分变量用1表示,第二部分变量用2表示......
  • 考研学习 | 每日回顾(2023年5月13日)
    昨天的考研数学笔记只对x求偏导时,y的值可以提前代入y不一定就是x的函数......
  • Hive学习之抽样(Sampling)
    当数据量特别大时,对全体数据进行处理存在困难时,抽样就显得尤其重要了。抽样可以从被抽取的数据中估计和推断出整体的特性,是科学实验、质量检验、社会调查普遍采用的一种经济有效的工作和研究方法。    Hive支持桶表抽样和块抽样,下面分别学习。所谓桶表指的是在创建表时使用......
  • 2022-2023年大二上mysql学习汇总
    CRUD等操作(DDL、DML、DQL)权限操作:createuser用户名@"localhost或%" identifiedby'密码'  showgrantsfor用户名@主机名 grant权限列表(all/insert/delete/select等)on库名(*).表名(*)to用户名@主机名  remove与授予一样函数:内置(后面加as......
  • Java学习笔记(十三)
    1.Java异常处理机制异常的处理机制一:try-catch-finally格式:异常的处理机制二:throws用于方法的声明中,用于向外部抛出异常。2.运行时异常与一般异常有何异同? 3.说几个你常见到的异常ArrayIndexOutOfBoundsException数组索引越界异常NullPointerException空指针异常A......
  • 动手学深度学习(三) 多层感知机
    多层感知机多层感知机的基本知识使用多层感知机图像分类的从零开始的实现使用pytorch的简洁实现多层感知机的基本知识深度学习主要关注多层模型。在这里,我们将以多层感知机(multilayerperceptron,MLP)为例,介绍多层神经网络的概念。隐藏层下图展示了一个多层感知机的神经网络图,它含有......
  • 动手学深度学习(十二) NLP循环神经网络进阶
    GRURNN存在的问题:梯度较容易出现衰减或爆炸(BPTT)⻔控循环神经⽹络:捕捉时间序列中时间步距离较⼤的依赖关系RNN:ImageNameGRU:ImageName•重置⻔有助于捕捉时间序列⾥短期的依赖关系;•更新⻔有助于捕捉时间序列⾥⻓期的依赖关系。载入数据集importos......
  • 文本分类(上)- 基于传统机器学习方法进行文本分类
    简介自己由于最近参加了一个比赛“达观杯”文本智能处理挑战赛,上一周主要在做这一个比赛,看了一写论文和资料,github上搜刮下。。感觉一下子接触的知识很多,自己乘热打铁整理下吧。接着上一篇文章20newsgroups数据介绍以及文本分类实例,我们继续探讨下文本分类方法。文本分类作为NLP领......
  • 记录学习ts之旅
    TypeScript:演练场-一个用于TypeScript和JavaScript的在线编辑器(typescriptlang.org) 在线学习ts,爽得一匹参考文章:https://juejin.cn/post/6844904182843965453#heading-3day01:TypeScript基础类型,左边ts,右边是对应的js基础类型+枚举 any+unknown下图 Tupl......