Question

我使用的是angular4.0。我使用的是bootstrap3.3.7。

我成功使用了Bootstrap Button和Grid。但是，DropDown＆amp; Datepicker不能很好地使用。

安装包。

intl@1.2.5
bootstrap@3.3.7
NG-自举

角cli.json

"styles": [
 "../node_modules/bootstrap/dist/css/bootstrap.css",
 "styles.css"
],

app.component.html

 {{title}}

  <div class="row">
   <div class="col">
    <div ngbDropdown class="d-inline-block">
      <button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>Toggle dropdown</button>
      <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <button class="dropdown-item">Action - 1</button>
        <button class="dropdown-item">Another Action</button>
        <button class="dropdown-item">Something else is here</button>
      </div>
    </div>
   </div>
  </div>

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
}

这个src生成按钮和下拉列表。按钮成功。但DropDown失败了。

你知道为什么不能使用dropDown和datepicker吗？

Answer 1

如果你正在使用ng-bootstrap，你应该知道他们正在使用Bootstrap 4，所以可能会有一些类错误。如果你想为Bootstrap 3使用Angular 2库，你可以从Valor Software检查ng2-bootstrap。

Answer 2

除了Adnan所说的，“ng2-bootstrap”被重命名为“ngx-bootstrap”;）请注意你的package.json

Answer 3

问题在于bootstrap.css。所以使用index.hhtml中的（https://v4-alpha.getbootstrap.com/getting-started/introduction/)cdn链接。因为bootstrap4没有npm包

使用bootstrap3进行角度调整

3 个答案: