Bootstrap学习笔记

最新推荐文章于 2025-09-13 11:59:05 发布

转载最新推荐文章于 2025-09-13 11:59:05 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/airycode/p/4831569.html

文章标签：

#javascript #ViewUI

本文介绍Bootstrap3技术，强调其针对移动设备优先的设计理念，提供高效响应式布局开发方法。通过基本HTML结构引入BootstrapCSS和JS文件，并实现移动端优化的网页展示。

　　Bootstrap2和3还是有很大的区别的，3主要是针对移动设备优先。用这个技术我们可以提高开发的效率。

　　　　用这个技术开发出来的东西是响应式的布局。

<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"></div>

	<h1 class="page-header">你好,Bootstrap</h1>




</body>
</html>

转载于:https://www.cnblogs.com/airycode/p/4831569.html