bootstrap系列-1.简单的Demo

关键信息以备注形式讲解

DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>BootStarp简单Demotitle>
    
    <link rel="stylesheet" href="bootstrap.css">
	 <meta charset="utf-8" />
    
    
    <meta name="viewport"  content="width=device-width,initial-scale=1" >    
    <style>
        body {
        padding-top:50px;
        }
        .starter {
            padding:40px 15px;
            text-align:center;
        }
    style>
head>
<body>
    
    <nav class="nav navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">Project Namea>
            div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Homea>li>
                    <li><a href="#">Aborta>li>
                    <li><a href="#">Contacta>li>
                ul>
            div>
        div>
    nav>
    <div class="container">
        
        <div class="starter">
            <h1>Bootstrap starterh1>
            <p class="lead">你好!会了吗!p>
        div>
    div>
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

运行效果
在这里插入图片描述

相关阅读:
修身养性 - 阿纳托利: 健身指导
FormRender使用场景及原理简介
Binder机制详解
LVGL 模拟仿真（Windows+CodeBlocks）
【矩阵分析】矩阵幂级数发散条件 || 幂级数与解析函数的关系 || 幂级数收敛半径r 的求法
替换printf中的标志
linux下特定usb设备的权限设置
【Linux学习】- POSIX多线程技术
Java 线程安全与锁
1. 获取数据-requests.get()

原文地址：https://blog.csdn.net/cdc8596/article/details/126392908