软件20-4 陈珊珊 Bootstrap 6

最新推荐文章于 2024-05-15 15:59:36 发布
最新推荐文章于 2024-05-15 15:59:36 发布
阅读量96 收藏
点赞数
文章标签： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ddPengPengbb/article/details/124493817
版权 
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页</title>

    <!-- Bootstrap -->
    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> -->
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<script src="js/echarts.min.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	 <div>
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <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>
          <a class="navbar-brand" href="#">COMO Admin</a>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;后台首页<span class="sr-only">(current)</span></a></li>
            <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;用户管理</a></li>
			<li><a href="#"><span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;内容管理</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;标签管理</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">admin<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#"><span class="glyphicon glyphicon-screenshot"></span>&nbsp;&nbsp;前台首页</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;个人主页</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbs
最低0.47元/天 解锁文章
ddPengPengbb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Bootstrap Studio for Mac(网站设计制作工具)
macxingchendahai的博客
11-05 489
Bootstrap Studio for Mac是一款网站设计制作工具，它带有大量内置组件，您可以拖放以组装响应式网页，功能强大！使用Bootstrap Studio Mac版，帮助你快速地创建一个外观漂亮且运行良好的网站。 bootstrap studio mac版软件介绍 bootstrap studio macmac上一款功能强大的基于Bootstrap框架的响应式网站设计工具，可以帮助您通过拖放操作轻松创建漂亮的网页。bootstrap studio配备了大量内置组件，您可以通过拖放来组装响应式网
【无标题】
m0_58766017的博客
04-28 289
bootstrap 设计网页 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--
Bootstrap Studio for Mac(响应式网页设计工具)v6.6.1版
最新发布
macxingchendahai的博客
05-15 812
Bootstrap Studio是一款专业的Web设计工具，可帮助设计师和开发人员创建响应式网站。它提供了一个直观的drag-and-drop界面，使用户不需要编写任何代码就可以创建美丽、可响应的网页。Bootstrap Studio内置了大量预构建组件和模板，包括导航栏、表单、卡片、按钮等等，这些组件可以帮助用户快速构建网页并快速设计出专业的页面。
ajax-模板语法/05-template方法参数解读
不懂帕斯的博客
05-23 197
01-模板语法-{{}} <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&
Web前端 html入门
return_2的博客
02-27 299
html书写规范 <!DOCTYPE html><!--约束声明--> <html lang="en"><!--html标签标识html的开始 lang=‘zh_CN’表示中文 其中标签分为两部分head和body--> <head><!--表示头部信息,一般包括三部分title标签，css样式，js代码--> <meta charset="UTF-8"><!--表示字符编码--> <tit
【HTML5】1.语法入门总结（第一部分）
qq_44078824的博客
04-17 2336
0.思维导图 1.HTML5基本框架 HTML5 是HyperText Markup Language 5 的缩写，是一种标记语言。 第一个程序，基本框架。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">是什么意思？
mine_soul的博客
12-11 1万+
最近在阅读网页源码时遇到了一些问题，恰好借这个机会填补一些有关知识。 如阅读下面代码：<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>这是一个测试网页</title> </head> <body> <!--.....--> </bod
HTML meta 标签
热门推荐
zhangankang的博客
06-28 3万+
！！<meta> 标签是 HTML 语言头部的一个辅助性标签，我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等！ 属性 值 描述 charset( H5 New) character_set 定义文档的字符编码。 content text 定义与 http-equiv 或 name 属性相关...
HTML中的lang属性,meta中的charset、name、content、http-quiv
Zhangguohao666的博客
03-28 3399
1.HTML中lang属性； 2. meta中的charset、name、content、http-quiv属性
BootStrap系问题--给模态框(Modal)中的组件赋值
weixin_30687811的博客
04-20 876
<!DOCTYPE html> {% load staticfiles%} <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=Edge"> &lt...
v-on事件修饰符及按键修饰符
sleepwalker_1992的专栏
09-29 4616
v-on 事件修饰符 常用的事件修饰符有： .stop  阻止事件冒泡 .self  当事件在该元素本身触发时才触发事件 .capture 添加事件侦听器是，使用事件捕获模式 .prevent  阻止默认事件 .once 事件只触发一次 什么是事件冒泡 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;...
boot作业
m0_68082784的博客
05-02 141
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个m
前端知识之HTML标签
weixin_33724046的博客
11-11 193
1.HTML是一个标准，规定了大家怎么写网页。 2.HTML->>学标签 <标签名> --> 标记语言（HTML、XML） 3.标签分类 　双标签、单标签　 （1）<h1></h1> （2）<img/>或<img> （3）<a></a> 4，标记语句和编程语言...
BootStrap简单学习
秋雨绵绵
03-04 1312
本文是关于BootStrap的简单学习，适合后端开发者查阅。
淘宝弹性布局方案lib-flexible实践
weixin_34146805的博客
12-23 185
2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正的实践。这次因为公司有一个app需要做一个推广的下载页面，虽然简单，但也值得一试那篇文章里提到的适配方法...
积跬步，聚小流------Bootstrap学习记录(2)
麦田里
08-10 1234
解读bootstrap提供的html模板
Bootstrap基础入门
sdrbasketbaii的博客
07-03 139
Bootstrap Bootstrap 1.概念：一个响应式（根据不同客户端设备自适应）的前端开发框架，来自Twitter，是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScrip 的，对jQuery有依赖性，它简洁灵活，使web开发更加快捷。 *框架是什么？ 框架是一个半成品软件（可重用），开发人员可以在框架的基础之上，再进行开发，这样可以简化代码。 *框架的好处： 1.定义了很多css样式和JS插件。我们开发人员可以直接使用这些样式和插件得到丰富的页面效果。 2.响
鞅的指数不等式与PAC-Bayesian应用研究
作者陈珊珊针对马尔科夫不等式和PAC-Bayesian不等式进行了系统的研究，以此作为硕士学位论文的一部分，旨在补充当前关于鞅不等式领域的知识空白。 在论文的第一部分，作者概述了指数不等式和PAC-Bayesian不等式的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值