前端讲义51_Bootstrap安装

最新推荐文章于 2024-04-21 03:02:37 发布
最新推荐文章于 2024-04-21 03:02:37 发布
阅读量138 收藏
点赞数
分类专栏： Bootstrap

Bootstrap安装

Bootstrap是基于HTML、CSS、JAVASCRIPT的前端框架

下载本地 https://getbootstrap.com/docs/4.0/getting-started/download/

CDN

<head>

 <meta charset="utf-8">

 <title>Bootstrap</title>

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 

<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

 

Bootstrap 3 默认移动设备优先

在网页的 head 之中添加 viewport meta 标签

initial-scale=1.0  与 user-scalable=no 一起使用，确保网页加载时，以 1:1 的比例呈现。

<meta name="viewport"

content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

木生火
关注
专栏目录
Android转战Web前端，靠着这份面试题和答案，一举拿下京东offer
m0_64604842的博客
12-17 505
有人可能会会认为：“不都是程序员吗？Android开发和Web前端开发的区别有这么大吗？”那我给你类比一下，医院挂号也分不同的科室，外科医生转去做内科医生，自然没有那么容易。同样，符合全栈工程师的特质的人，自然也是少数。 我尝试过利用下班后的晚上时间和周末时间来学习，但是发现，就算不加班，可利用的时间也非常少：社交、锻炼、聚餐、睡懒觉、偶尔做做饭、单身的人想要找个对象、有对象的人周末要出去浪…… 时间是我们最坦诚的朋友，但我们最大的敌人就是时间不够。 所以，为了能够让自己有充足的时间集中进行系统性地学习，唯
Web前端程序员简历
热门推荐
庞巴哥实验室@anping
01-09 1万+
Web前端程序员简历模板 本简历模板由国内首家互联网人才拍卖网站「 JobDeer.com 」提供。 （括号里的是我们的顾问编写的说明，建议在简历书写完成后统一删除） 先讲讲怎样才是一份好的技术简历 首先，一份好的简历不光说明事实，更通过FAB模式来增强其说服力。 Feature：是什么 Advantage：比别人好在哪些地方 Benefit：如果雇佣你，招聘方会得到什么好处
bootstrap框架讲义
02-03
关于bootstrap前端框架的讲义，通俗易懂，精简版，欢迎下载
李炎恢Bootstrap讲义笔记
04-26
李炎恢Bootstrap讲义笔记，内容详实，适合初学者快速掌握bootstrap
李炎恢bootstrap 讲义笔记代码全套
05-15
李炎恢bootstrap 讲义笔记代码全套，李炎恢 bootstrap 讲义 代码
bootstrap笔记
k00c00l的博客
03-01 166
Bootstrap 栅栏布局中 col-xs-、col-sm-、col-md-、col-lg- （1）基本布局格式：bootstrap把网页分成12栅格，排版时以每一单元作为度量单位; 例：.container>.row>.col-sm-1 （2）关键字段 1、col是列； 2、row是行； 3、xs是maxsmall的简写：极小， sm是small简写：小， md是medium简写...
Android转战Web前端，靠着这份面试题和答案，flutter底部导航栏填充动画
m0_64382950的博客
11-26 271
首先，我已经非常确定以后要做Web前端开发，但我对这方面的知识几乎没有任何基础和经验，如果我直接去找相关的工作，显然是不可能找到的。所以，在找工作之前，我需要先自学一段时间。 有人可能会会认为：“不都是程序员吗？Android开发和Web前端开发的区别有这么大吗？”那我给你类比一下，医院挂号也分不同的科室，外科医生转去做内科医生，自然没有那么容易。同样，符合全栈工程师的特质的人，自然也是少数。 我尝试过利用下班后的晚上时间和周末时间来学习，但是发 《Android学习笔记总结+最新移动架构视频+大厂安卓面
存储节点osd 踢出集群格式化后重新加入集群——osd新加入集群同理(1)
最新发布
2401_83915450的博客
04-21 972
这份《“java高分面试指南”-25分类227页1000+题50w+字解析》同样可分享给有需要的朋友，感兴趣的伙伴们可挑战一下自我，在不看答案解析的情况，测试测试自己的解题水平，这样也能达到事半功倍的效果！（好东西要大家一起看才香）《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**
IDEA+Java+Servlet+JSP+Mysql实现Web图书管理系统【建议收藏】
2301_78416672的博客
04-19 1484
核心竞争力，怎么才能提高呢？成年人想要改变生活，逆转状态？那就开始学习吧~万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。
bootstrap完整版
09-25
从零基础开始，教你学bootstrap，很快就能上手，资料非常的好，希望对大家有帮助！谢谢！
Bootstrap 入门教程 PPT版
08-27
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。最近应公司要求，整理出了这个文档。
Bootstrap笔记
柠檬麻麻
06-14 374
Bootstrap笔记 .css样式 背景：bg-danger bg-primary bg-info bg-success bg-warning 文字：text-danger 文字对齐方式：text-center/right/left 浮动：pull-right/left 清除浮动 clearfix 透明度：in 显示/隐藏：show hide 弹出框 模态框 固定定位：
Bootstrap学习&资料整理
The_Oringinal_Leon的博客
11-02 2507
Bootstrap更倾向于Web端的界面显示，就算用在手机上，那也是手机Web 而ionic则是用hybrid开发的手机原生App 二者使用场景不同，应该不适合同时使用 要求时间：2天 第一天 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。2011年开源简介 基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Boots
bootstrap资料整理
※老鼠拧刀满街找猫※
04-14 687
一、些常用的Bootstrap模板资源站 点击打开链接 二、
Bootstrap学习笔记
了凡
10-27 1141
Bootstrap笔记排版标题规则 为了让非标题元素使用相同的样式，还定义了.h1~.h6六个类名。段落规则 全局文本字号为14px(font-size) 行高为1.42857143（line-height），大约是20px 字体为”Helvetica Neue”, Helvetica, Arial, sans-serif;（font-family） 强调内容对于<p>元素使用.lead类。粗体使
Bootstrap 学习笔记
barie4ever的专栏
10-11 885
Bootstrap 3 的设计目标是移动设备优先，然后才是桌面设备。 为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签，如下所示： meta name="viewport" content="width=device-width, initial-scale=1.0"> width 属性控制
Bootstrap 学习文档
qq_52289068的博客
09-01 1730
Bootstrap相关介绍
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值