bootstrap 流式布局示例

最新推荐文章于 2024-07-09 14:03:25 发布

hichinamobile

最新推荐文章于 2024-07-09 14:03:25 发布

阅读量8.4k

点赞数

分类专栏： bootstrap

本文链接：https://blog.csdn.net/hichinamobile/article/details/51733013

版权

本文深入探讨Bootstrap的流式布局，包括栅格系统的工作原理，如何创建响应式网页设计，以及通过实例展示如何调整列宽以适应不同设备。通过学习，你将掌握使用Bootstrap实现灵活且适应性强的网页布局技巧。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->