个人初学bootstrap并搭建后台界面代码

最新推荐文章于 2024-07-24 20:55:39 发布

qq_17358703

最新推荐文章于 2024-07-24 20:55:39 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/qq_17358703/article/details/77131728

版权

本文记录了个人初学者如何使用Bootstrap框架搭建后台管理界面的过程。通过学习Bootstrap的基础组件和布局工具，成功创建了一个简洁易用的后台界面。内容包括网格系统、导航条、表单元素等关键元素的应用。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" />
<style>
@media only screen and (min-width:768px ) {
#topLeft{
position: absolute;
width: 220px;
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
#mainp{
margin-left: 250px;

}
}
</style>
</head>
<body>
<nav class="navbar navbar-default">

<div class="container-fluid">

<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>