BootStrap Additional Navigation Components
- 2021-07-04 18:00:21
- OfStack
What is Bootstrap?
Bootstrap is a front-end framework for rapid development of Web applications and Web sites. Bootstrap is based on HTML, CSS, JAVASCRIPT.
History
Bootstrap was developed by Twitter's Mark Otto and Jacob Thornton. Bootstrap is an open source product released on GitHub in August 2011.
The above briefly introduces the brief introduction of bootstrap, and the following focuses on the knowledge of additional navigation components of BootStrap.
Additional navigation and pasting to anchor points somewhere on the screen
The code looks like this:
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.0.js" ></script>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/bootstrap.min.js" ></script>
</head>
<style>
.nav-pills{
width:150px;
}
</style>
<body data-spy="scroll" data-target="#myScrollspy">
<div class="container">
<div class="jumbotron" style="150px">
<h2>BootStrap Affix</h2>
</div>
<div class="row" >
<div class="col-xs-3" id="myScrollspy">
<ul class="nav nav-pills nav-stracked" data-spy="affix" data-offset-top="150">
<li><a href="#section-1"> No. 1 1 Part </a></li>
<li><a href="#section-2"> No. 1 2 Part </a></li>
<li><a href="#section-3"> No. 1 3 Part </a></li>
<li><a href="#section-4"> No. 1 4 Part </a></li>
<li><a href="#section-5"> No. 1 5 Part </a></li>
</ul>
</div>
<div class="col-xs-8">
<h2 id="section-1"> No. 1 1 Part </h2>
<p> Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 The belly of Panshan concentrated contiguous destitute area is located in Xihaigu area, which was once "bitter in the world", 6 The belly of Panshan concentrated contiguous destitute areas is located in Xihaigu area, which was once "suffering the world", and in Xihaigu area, which was once "suffering the world". 6 Located in Xihaigu area, once "bitter world", once "bitter world", once "bitter world", once "bitter world", once "bitter world", 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in the Xihaigu area of contiguous destitute areas, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in contiguous destitute areas. Panshan is concentrated in contiguous destitute areas. Factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. </p>
<h2 id="section-2"> No. 1 2 Part </h2>
<p> Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 The belly of Panshan concentrated contiguous destitute area is located in Xihaigu area, which was once "bitter in the world", 6 The belly of Panshan concentrated contiguous destitute areas is located in Xihaigu area, which was once "suffering the world", and in Xihaigu area, which was once "suffering the world". 6 Located in Xihaigu area, once "bitter world", once "bitter world", once "bitter world", once "bitter world", once "bitter world", 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in the Xihaigu area of contiguous destitute areas, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in contiguous destitute areas. Panshan is concentrated in contiguous destitute areas. Factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. </p>
<h2 id="section-3"> No. 1 3 Part </h2>
<p> Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 The belly of Panshan concentrated contiguous destitute area is located in Xihaigu area, which was once "bitter in the world", 6 The belly of Panshan concentrated contiguous destitute areas is located in Xihaigu area, which was once "suffering the world", and in Xihaigu area, which was once "suffering the world". 6 Located in Xihaigu area, once "bitter world", once "bitter world", once "bitter world", once "bitter world", once "bitter world", 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in the Xihaigu area of contiguous destitute areas, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in contiguous destitute areas. Panshan is concentrated in contiguous destitute areas. Factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. </p>
<h2 id="section-4"> No. 1 4 Part </h2>
<p> Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 The belly of Panshan concentrated contiguous destitute area is located in Xihaigu area, which was once "bitter in the world", 6 The belly of Panshan concentrated contiguous destitute areas is located in Xihaigu area, which was once "suffering the world", and in Xihaigu area, which was once "suffering the world". 6 Located in Xihaigu area, once "bitter world", once "bitter world", once "bitter world", once "bitter world", once "bitter world", 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in the Xihaigu area of contiguous destitute areas, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in contiguous destitute areas. Panshan is concentrated in contiguous destitute areas. Factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. </p>
<h2 id="section-5"> No. 1 5 Part </h2>
<p> Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 The belly of Panshan concentrated contiguous destitute area is located in Xihaigu area, which was once "bitter in the world", 6 The belly of Panshan concentrated contiguous destitute areas is located in Xihaigu area, which was once "suffering the world", and in Xihaigu area, which was once "suffering the world". 6 Located in Xihaigu area, once "bitter world", once "bitter world", once "bitter world", once "bitter world", once "bitter world", 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in Xihaigu area, where the belly of contiguous destitute areas is the best in the world, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in the Xihaigu area of contiguous destitute areas, 6 Panshan concentrated contiguous destitute area belly, 6 Panshan is concentrated in contiguous destitute areas. Panshan is concentrated in contiguous destitute areas. Factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. Yangling Village is located in Xihaigu area, which was once "bitter in the world". 6 Panshan is concentrated in the hinterland of contiguous destitute areas, and factors such as deep mountain ditch and lagging industry restrict the local people's pace of getting rid of poverty. </p>
</div>
</div>
</div>
</body>
</html>