< title>Bootstrap < title>Bootstrap

Heim  >  Artikel  >  Web-Frontend  >  Teilen Sie einen Beispielcode für den Einstieg in HTML

Teilen Sie einen Beispielcode für den Einstieg in HTML

零下一度
零下一度Original
2017-06-24 11:56:021553Durchsuche
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Bootstrap</title>
    <link rel="stylesheet" href="bootstrap.min.css?1.1.11">
    <style>
        body{
            padding-top:50px;
        }
        .starter{
            padding:40px 15px ;
            text-align: center;
        }
    </style>
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">Project Name</a>
            </div>
            <div>
                <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">home</a> </li>
                        <li><a href="#">About</a> </li>
                        <li><a href="#">Contact</a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
<div class="container">
    <div class="starter">
        <h1> Bootstrap starter template </h1>
        <p class="lead">欢迎访问</p>
    </div>
</div>
</body>
</html>

Das obige ist der detaillierte Inhalt vonTeilen Sie einen Beispielcode für den Einstieg in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn