Bootstrap学习笔记-布局
Bootstrap学习笔记-布局
默认是响应式布局，就是你在改变页面的时候也不会出现乱的现象。
<html>
<head>
<meta charset="utf-8">
<title>布局</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
<script type="text/javascript" src="bootstrap/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src = "bootstrap/js/bootstrap.js"></script>
<meta name="viewport" content="width-device-width,initial-scale=1">
</head>
<body>
<div class="container">
<h1 class="page-header">固定的宽度</h1>
</div>
<div class="container-fluid">
<h1 class="page-header">固定的宽度百分比</h1>
</div>
</body>
</html>
转载于:https://www.cnblogs.com/airycode/p/4831609.html
Bootstrap学习笔记-布局相关推荐
- Bootstrap学习笔记01【快速入门、栅格布局】
Java后端 学习路线 笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
- Bootstrap学习笔记02【全局CSS样式、组件和插件、案例_黑马旅游网_首页】
Java后端 学习路线 笔记汇总表[黑马程序员] Bootstrap学习笔记01[快速入门.栅格布局][day01] Bootstrap学习笔记02[全局CSS样式.组件和插件.案例_黑马旅游网][d ...
- Bootstrap学习笔记
Bootstrap学习笔记 Bootstrap介绍 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵 ...
- bootstrap学习笔记一： bootstrap初认识，hello bootstrap（下）
这一篇主要是补上源码,开始之前请先回顾:bootstrap学习笔记一: bootstrap初认识,hello bootstrap(上) 首先,我们的页面要求, lang,charset等就不用说了,老 ...
- Bootstrap学习笔记——导航条、分页导航
1 导航条 导航条(navbar)比航(nav)复杂很多:导航条(navbar)中有一个背景色.而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式. 1.1 基础导 ...
- Bootstrap学习笔记系列1-------Bootstrap网格系统
目录 Bootstrap网格系统 学习笔记 简单网格 偏移列 嵌套列 列排序 Bootstrap网格系统 学习笔记 简单网格 先上代码再解释 <!DOCTYPE html> <htm ...
- BootStrap 学习笔记（一）
BootStrap学习大纲: 1.css样式 布局容器:container 1)栅格系统 栅格系统就是BootStrap把一个div最多分成12列,其中主要的样式 col-md-数字 用的最多,其他( ...
- Bootstrap学习笔记01
1.Make Images Mobile Responsive 用处: 使图片适配你的页面宽度. 操作: 给图片添加 .img-responsive class属性. <img src= ...
- Bootstrap学习笔记——缩略图、警示框、进度条、媒体对象、列表组、画板
1 缩略图 缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题.描述等信息. Bootstrap框架将这一部独立成一个模块组件.并通过&q ...
最新文章
- MongoDB 全文检索
- 刷题总结——拆网线（noip模拟 贪心）
- Python Numpy学习手册（翻译自斯坦福大学 CS231n: Convolutional Neural Networks for Visual Recognition）
- mormot数据库连接+查询+序列为JSON
- 机器学习两大利器：Boosting 与 AdaBoost
- 【Linux】一步一步学Linux——arping命令(164)
- 一文“妙”解逻辑斯蒂回归（LR）算法
- linux中的opencv多版本共存切换的问题
- Java 底层知识：什么是 “桥接方法” ？
- 【Gitlab】GIT回滚master分支到指定tag版本 并提交远程仓库
- Windows 7常用快捷键一览表
- Handshake failed due to invalid Upgrade header: null 解决方案
- ganglia的搭建以及添加被监控主机
- AvalonDock学习总结
- App上架各大应用市场的地址及操作方法
- lcd timg的理解
- matlab计算幂律分布,Matlab拟合曲线之幂律分布
- 0成本开发一个外卖领劵小程序
- 表白墙论坛聊天交友微信小程序-校园小情书
- 微信公众平台改版内容