2017-07-18 100 views
0

我想从ngx-bootstrap使用Carousel,但它的布局并不像我期望的那样。角ngx-bootstrap传送带不居中

我加了一些风格CSS居中,但它仍然不工作,这里是它的外观:

enter image description here

,这里是我的组件代码:

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> 

谢谢你的帮助p!

回答

0

它工作时,我改变来自:

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

3版:在index.html的

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