用bootstrapt写一个响应式的简单页面

最新推荐文章于 2024-05-19 10:07:05 发布

猫岛君

最新推荐文章于 2024-05-19 10:07:05 发布

阅读量7k

点赞数 3

本文链接：https://blog.csdn.net/mg8237672/article/details/52637218

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页案例</title>
		<!--引入bootstrap的JS，CSS文件-->
		<script   src="https://code.jquery.com/jquery-1.12.4.min.js"   integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <link href="css/bootstrap.min.css" rel="stylesheet" />
	</head>
	<body style="background-color:antiquewhite ;">
		<!--构建导航栏（nav）响应式导航栏-->
	  <nav class="navbar navbar-default"  style="background-color:antiquewhite;">
	  	<!--应用到BOOTSTRAP的项目必须在其DIV中的class值添加container或container-fluid(流式布局)-->
	  	<div class="container">
	  		<!--这里制作LOGO和缩小页面后的展开按钮-->
	  		<div class="navbar-header">
			  	<button type="button" class="navbar-toggle collapsed" 
			  		data-toggle="collapse" data-target="#aaaa" aria-expanded="false">
		        <span style="color:hotpink"><b>展开</b></

最低0.47元/天解锁文章

猫岛君

关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
用bootstrapt写一个响应式的简单页面

首页案例 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#aaaa" aria-expanded="false">
复制链接

扫一扫