标题:bootstrap写的产品详情页
只看楼主
yuyouxsdh
Rank: 1
等 级:新手上路
帖 子:14
专家分:0
注 册:2020-10-3
结帖率:100%
 问题点数:0 回复次数:0 
bootstrap写的产品详情页
<!DOCTYPE html>
<html>
    <head>
        <title>商品详情</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://cdn.
        <link rel="stylesheet" href="css/index.css" />
        <script src="https://cdn.
        <script src="https://cdn.
        <script src="https://cdn.
    </head>
      <style>
  body {
      position: relative;
  }
  
  </style>
<body data-spy="scroll" data-target=".navbar" data-offset="50">

<nav class="navbar  navbar-dark fixed-top"id="navbar-example2">  
  <a class="navbar-brand"href="index.html"><
</a>
  <ul class="nav nav-pills">
    <li class="nav-item">
      <a class="nav-link" href="#section1">宝贝预览</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#section2">商品介绍</a>
    </li>
    <li class="nav-item">
      <a class="nav-link"  href="#section41">物流信息</a>
    </li>
  </ul>
</nav>
<div id="section1" class="container-fluid bg-light" style="padding-top:70px;padding-bottom:70px">
  <h1>宝贝预览</h1>
  <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
  <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
</div>
<div id="section2" class="container-fluid bg-light" style="padding-top:70px;padding-bottom:70px">
  <h1>商品介绍</h1>
  <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
  <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
</div>
<div id="section41" class="container-fluid bg-light" style="padding-top:70px;padding-bottom:70px">
  <h1>物流信息</h1>
  <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
  <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>
</div>
    </body>
</html>


[此贴子已经被作者于2020-11-23 19:57编辑过]

搜索更多相关主题的帖子: bar Try the this scroll bar scroll the Try this 
2020-11-23 18:43



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-503980-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.324901 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved