我们在做前端开发的时候,页面都是在自己的电脑屏幕上调试的,目前为止,都是在我们自己的电脑上运行良好,如果换一台屏幕大小不一样的电脑或者在手机上浏览我们的网页,就会变得一塌糊涂。

电脑、平板、手机的屏幕尺寸差距非常大,不同的型号尺寸也不一样,这时候怎么解决呢?

当然,也可以再专门为手机定制一个页面,访问时判断设备是手机还是电脑,如果是手机就跳转到相应的手机页面,但是这样做简直就是费力不讨好的活,所以必须开发一种自适应写法,一次开发,处处显示!

这就是BootStrap。

Bootstrap安装

在Bootstrap的中文文档中,提供了安装方式,跟jQuery一样,直接下载其源码放到相应的目录中就可以。

Bootstrap使用

Bootstrap使用到某些HTML元素和CSS属性必须是HTML5才支持,因此对于使用Bootstrap的项目必须都是HTML5格式。

12.1 Bootstrap介绍相关推荐

  1. JavaEE中级.20190601.Bootstrap(Bootstrap介绍.Bootstrap 特点.下载与使用.布局容器.栅格网格系统.排版)

    一.Bootstrap介绍 1.官网:http://getbootstrap.com/          中文网:http://www.bootcss.com/ Bootstrap是一套现成的CSS样 ...

  2. 12 Essential Bootstrap Tools for Web Designers

    12 Essential Bootstrap Tools for Web Designers Posted by vikas on June 6, 2014, filed in: Tools, Web ...

  3. 12、Bootstrap和ServerBootstrap啥关系

    一.Bootstrap.ServerBootstrap啥关系 Bootstrap客户端引导类,ServerBootstrap服务端引导类. 二.BootStrap介绍 1.客户端BootStrap B ...

  4. 第12章方差分析介绍

    第1章统计学入门 第2章频数分布略 第3章集中趋势的测量 第4章变异性 第5章分数的位置及标准化分布 第6章概率和正态分布 第7章概率和样本:样本均值的分布 第8章假设检验介绍 第9章t检验介绍 第1 ...

  5. 建设网站需要的Bootstrap介绍与操作

    01-流体布局 流体布局,就是使用百分比来设置元素的宽度,元素的高度值固定, calc():可以通过计算的方式给元素添加尺寸,比如:width:calc(25%-4px); box-sizing:co ...

  6. 12.1 LNMP架构介绍 12.2 MySQL安装 12.3/12.4 PHP安装 12.5 Nginx介绍

    2019独角兽企业重金招聘Python工程师标准>>>  12.1 LNMP架构介绍 和LAMP不同的是,提供web服务的是Nginx 并且php是作为一个独立服务存在的,这个服务叫 ...

  7. java 文档比较功能_Java 12 新特性介绍,快来补一补

    Java 12 早在 2019 年 3 月 19 日发布,它不是一个长久支持(LTS)版本.在这之前我们已经介绍过其他版本的新特性,如果需要可以点击下面的链接进行阅读. Switch 表达式 (JEP ...

  8. 【Linux云计算架构:第一阶段-Linux操作系统入门到精通】第12章——硬盘介绍和磁盘管理

    本节所讲内容: 12.1 SAS-SATA-SSD-SCSI-IDE硬盘讲解 12.2 磁盘分区工具和挂载 12.3 实战扩展swap分区 12.1 SAS-SATA-SSD-SCSI-IDE硬盘讲解 ...

  9. Java 12 新特性介绍

    Switch 表达式 (JEP 325) 在 Java 12 中,对 Switch 表达式的写法进行了改进,虽然是一个语法糖的改进,也让 Switch 的代码编写变得更加优雅.先看一下在 Java 1 ...

最新文章

  1. JMeter入门教程(自己做测试了)
  2. postgresql的系统列(system cloumns)
  3. 水晶报表提示“需要数字字段”
  4. JS 键盘监听事件 enter 13
  5. C#.net 支付宝接口
  6. SVG格式图片转成HTML中SVG的Path路径
  7. dockerfile cd目录_使用Werf和现有的Dockerfiles改善你的CI/CD体验
  8. unity2D技术学习与整理
  9. Linux : shell基础(慕课网Linux达人养成计划课程笔记)
  10. Leetcode--151. 翻转字符串里的单词
  11. git常用命令之log
  12. java开发的主流_盘点2019年Java开发中7项主流、热门的IT技术!
  13. linux中使用ntpdate命令进行时间更新时出现the NTP socket is in use, exiting
  14. 基于RV1126平台imx291分析 --- mipi-csi-phy注册
  15. 【服务器】戴尔PowerEdgeR710服务器升级BIOS
  16. suse 11添加阿里源
  17. conda SSL错误 SSLError,爬虫应用总结
  18. 【学习笔记】汇编:关于CMP的使用实例
  19. css 设置背景图一半_img只显示图片一部分 或 css设置背景图片只显示图片指定区域...
  20. 丑数_题目1214:丑数

热门文章

  1. thinkphp的使用——隐藏index.php
  2. php常用过滤htmlspecialchars() 函数把预定义的字符转换为 HTML 实体
  3. 【前端分享】jQuery.lazyload详解(转)
  4. [Laravel框架学习一]:Laravel框架的安装以及 Composer的安装
  5. Effective C++笔记(一)——条款26-29
  6. hdu 1443 Joseph
  7. java数组二分查找的简单例题_Java基础-练习 数组元素二分查找(折半查找)
  8. android qq 进程保活,Android保活从入门到放弃:乖乖引导用户加白名单吧(附7大机型加白示例)...
  9. Java黑皮书课后题第6章:6.11(金融应用:计算酬金)编写方法,利用编程练习题5.39中的方法计算酬金。方法头如下所示。编写程序,显示下面表格
  10. 学习SpringMVC笔记——Intellij IDEA创建SpringMVC项目