小编Qui*_*kee的帖子

如何将 bootstrap-vue 图标包含到 nuxtjs 中?导航栏向下箭头的问题

编辑:嗯,可能有一个样式覆盖 -
我可以从下面的下拉菜单中使用。并将其粘贴到导航区域,向下箭头消失。“lang”下拉也可以这样说,如果我将它移到身体上,箭头就会显示出来..

编辑:FML - 这是另一个导航栏样式覆盖,使用范围大声笑

导航栏 svg downarrows 不会出现。大多数其他图标工作得很好..下面的代码几乎是复制和粘贴用于引导 vue 示例..

<b-navbar toggleable="lg" type="dark" >
    <b-navbar-brand href="#"><img src="" class="d-inline-block align-top" width="220" height="45"></b-navbar-brand>

    <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
    <b-collapse id="nav-collapse" is-nav>
      <b-navbar-nav>
        <b-nav-item href="#"></b-nav-item>
        <b-nav-item href="#">Home</b-nav-item>
        <b-nav-item href="#">Contact Us</b-nav-item>
        <b-nav-item href="#">FAQ</b-nav-item>
      </b-navbar-nav>

      <!-- Right aligned nav items -->
      <b-navbar-nav class="ml-auto">
        <b-nav-item-dropdown  text="Lang" right>
          <b-dropdown-item href="#">EN</b-dropdown-item>
          <b-dropdown-item href="#">ES</b-dropdown-item>
        </b-nav-item-dropdown>

        <b-nav-item-dropdown right>
          <!-- Using 'button-content' slot -->
          <template v-slot:button-content>
            <em>Welcome, Friend</em>
          </template>
          <b-dropdown-item href="#">Profile</b-dropdown-item>
          <b-dropdown-item href="#">Sign Out</b-dropdown-item>
        </b-nav-item-dropdown>
      </b-navbar-nav>
    </b-collapse>
  </b-navbar>
Run Code Online (Sandbox Code Playgroud)

有些图标可以工作,有些则不能。不会抛出任何错误。

文档说它们不是默认安装的......所以我用
https://icons.getbootstrap.com/#install https://bootstrap-vue.js.org/docs/icons/ …

css vue.js nuxt.js bootstrap-vue

6
推荐指数
3
解决办法
6969
查看次数

标签 统计

bootstrap-vue ×1

css ×1

nuxt.js ×1

vue.js ×1