角度 8 中的引导水平滚动选项卡

Question

我正在使用 Bootstrap 4 导航选项卡功能在 Angular 8 中创建水平滚动选项卡。 这是我指的笔scrollTab。

我尝试了所有方法，但它似乎不适用于 Angular 8。

请帮忙。

<div class="container">
  <div class="scroller scroller-left"><i class="glyphicon glyphicon-chevron-left"></i></div>
  <div class="scroller scroller-right"><i class="glyphicon glyphicon-chevron-right"></i></div>
  <div class="wrapper">
    <ul class="nav nav-tabs list" id="myTab">
      <li class="active"><a href="#home">Home</a></li>
      <li><a href="#profile">Profile</a></li>
      <li><a href="#messages">Messages</a></li>
      <li><a href="#settings">Settings</a></li>
      <li><a href="#">Tab4</a></li>
      <li><a href="#">Tab5</a></li>
      <li><a href="#">Tab6</a></li>
      <li><a href="#">Tab7</a></li>
      <li><a href="#">Tab8</a></li>
      <li><a href="#">Tab9</a></li>
      <li><a href="#">Tab10</a></li>
      <li><a href="#">Tab11</a></li>
      <li><a href="#">Tab12</a></li>
      <li><a href="#">Tab13</a></li>
      <li><a href="#">Tab14</a></li>
      <li><a href="#">Tab15</a></li>
      <li><a href="#">Tab16</a></li>
      <li><a href="#">Tab17</a></li>
  </ul>
  </div>
</div>

Answer 1

先安装angular 8

扩展节点模块（库根文件夹）

转到引导文件夹并展开它。

Angular 8 展开根文件夹 转到 dist 文件夹并展开它。

转到 dist 文件夹并展开它 展开 CSS，我们会找到“bootstrap.css”。展开 bootstrap.css，我们会看到 bootstrap.min.css

扩展 CSS 在 style 部分打开 angular.js 文件和 bootstrap.min.css。

为您的 Angular 8 项目安装了 Bootstrap。我们现在可以使用它了。