boostrap框架完成满屋花网站完整导航

很高兴为您提供导航的代码示例。以下是使用Bootstrap框架创建完整的网站导航的示例代码：

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">满屋花</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">首页</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">鲜花</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">花篮</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">绿植</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">礼品</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">关于我们</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">联系我们</a>
      </li>
    </ul>
  </div>
</nav>

在这个示例中，我们使用了Bootstrap的导航栏组件创建了一个响应式的导航栏。我们使用了`navbar`和`navbar-expand-lg`类来定义导航栏的基本样式和响应式行为。`navbar-light`和`bg-light`类定义导航栏的颜色和背景色。

我们在导航栏中创建了一个品牌`navbar-brand`，并使用了折叠按钮`navbar-toggler`来在小屏幕设备上显示导航菜单。我们使用`navbar-nav`类创建了一个`ul`元素，并在其中添加了`nav-item`和`nav-link`类来创建导航链接。

您可以根据自己的需要对这个示例进行修改和定制，以创建适合您网站的导航栏。