角度 ngx-bootstrap 轮播未居中答案

【问题标题】：angular ngx-bootstrap carousel not centered角度 ngx-bootstrap 轮播未居中
【发布时间】：2017-12-23 07:36:43
【问题描述】：

我正在尝试使用来自 ngx-bootstrap 的 Carousel，但它的布局并不像我预期的那样。

我添加了一些样式 CSS 使其居中，但仍然无法正常工作，如下所示：

这是我在组件中的代码：

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  styles: [`.carousel { margin:0px auto }`]
})
export class AppComponent {
  title = 'app';
}

这是我的 HTML 模板：

<carousel>
  <slide>
    <img src="assets/images/nature/5.jpeg" alt="First slide">
  </slide>
  <slide>
    <img src="assets/images/nature/6.jpeg" alt="Second slide">
  </slide>
  <slide>
    <img src="assets/images/nature/7.jpg" alt="Third slide">
  </slide>
</carousel>

感谢您的帮助！

【问题讨论】：

标签： html css angularjs twitter-bootstrap

【解决方案1】：

当我从以下位置更改时它起作用了：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">

到版本 3：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

在 index.html 中

【讨论】：