美文网首页WEB
BootStrap学习记录

BootStrap学习记录

作者: 我问你瓜保熟吗 | 来源:发表于2019-05-06 16:37 被阅读4次

Bootstrap 使用了一些 HTML5 元素和 CSS 属性。需要使用 HTML5 文档类型(Doctype)。 因此,Bootstrap 项目的开头必须包含下面的代码段。

<!DOCTYPE html>
<html>
....
</html>

在head中添加 viewport meta 标签 更好的支持移动设备中的缩放
width 属性设置设备的子自适应宽度,以适应不同显示比例的设备,initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

通过添加 img-responsive class 可以让 Bootstrap 3 中的图像对响应式布局的支持更友好。

<img src="..." class="img-responsive" alt="响应式图像">

Normalize.css 保证跨浏览器的一致性

相关文章

  • bootstrap学习记录

    禁用 BootStrap Modal 点击空白时自动关闭 backdrop 为 static 时,点击模态对话框的...

  • BootStrap学习记录

    Bootstrap 使用了一些 HTML5 元素和 CSS 属性。需要使用 HTML5 文档类型(Doctype)...

  • 学习网站资源

    Bootstrap :bootstrap学习网站 element:element学习地址 Flex: Flex 布...

  • Bootstrap学习之二:栅格化布局

    @(Bootstrap) 导言 前面我们讲了如何安装使用bootstrap框架,下面我们将会学习bootstrap...

  • Bootstrap

    建议学习时长: 60分钟学习方式:了解 学习目标 知道 Bootstrap 是什么。 知道 Bootstrap 有...

  • Bootstrap初体验

    今天学习了Bootstrap的知识,没有学习Bootstrap之前,我一直以为是Bootstrap是一个很高大上的...

  • 2018-02-24

    Jackknife & Bootstrap 本文用于课后复习,简单明了的记录自己学习的东西,数学不太严谨,请多多指...

  • 2018-10-08Bootstrap03

    Bootstrap 图片 在本章中,我们将学习 Bootstrap 对图片的支持。Bootstrap 提供了三个可...

  • Bootstrap学习

    很好的bootstrap学习教程:http://www.runoob.com/bootstrap/bootstra...

  • SpringBoot+Vue开发在线学习系统

    Spring Boot+Bootstrap+Vue开发在线学习系统 SpringBoot+Bootstrap+Vu...

网友评论

    本文标题:BootStrap学习记录

    本文链接:https://www.haomeiwen.com/subject/rqrdoqtx.html