index.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
<!— 导入bootstrap的三个必须的引入文件-->
  <link rel="stylesheet" href="./bootstrap-4.3.1/_________(1)_______ ">
  <script src="./bootstrap-4.3.1/_________(2)_______"></script>
  <script src="./bootstrap-4.3.1/ _________(3)_______"></script>
  <style>
	.item{
		Border: _________(4)_______;	/*边框为一个像素,实线,绿色*/
		height:120px;
		margin:3px;
	}
	.navbar-nav>li{
		margin-right:6px;
	}
  </style>
 </head>
 <body>
<!-- (让导航条右侧列表在桌面显示器上显示,更小就隐藏) -->
 <div class="navbar  _________(5)_______ bg-dark navbar-dark align-items-start">
	<div style='color:#fff;'> 
		慧谷阳光科技有限公司
	</div>
	<!-- (设置导航栏元素居右) -->
	<div class="navbar-header  _________(6)______">
		<!--  (设置折叠按钮的触发事件(折叠)和所针对的折叠对象)  -- >
		<button class="navbar-toggler" data-toggle="_________(7)_______" type='button' data-target="_________(8)_______">
				<span class="navbar-toggler-icon"></span>
		</button>
		<!--  (设置为折叠导航)  -- >
		<div class="collapse  _________(9)_______" id="navBar" style='margin-bottom:0px;'> 
			<ul class="nav navbar-nav"> 
				<li><a href="#">首页</a></li> 
				<li><a href="#">公司介绍</a></li>
				<li><a href="#">产品中心</a></li>
				<li><a href="#">行业方案</a></li>
				<li><a href="#">公司新闻</a></li>
				<li><a href="#">典型客户</a></li>
				<li><a href="#">合作伙伴</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
		</div>
	</div>
 </div>
 <div class='container'>
<!-- (设置子元素居中显示) -->
  <div class='row  _________(10)_______'>
<!--  (超大屏幕占2个宫格,大屏幕占3个宫格,台式机占4个宫格,pad上占5个宫格,手机上占10个宫格)  填完一行即可-- >
	<div class='item _________(11)_______ _________(12)_______  _________(13)_______  _________(14)_______  _________(15)_______'></div>
	<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
<div class='item () () () () ()'></div>
  </div>
  </div>
 </body>
</html>


已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 护眼 设计师:闪电赇 返回首页
实付 19.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值