Angular Ngx-bootstrap Carousel Not Centered

I am trying to use Carousel from ngx-bootstrap, but the layout it's not as I expect. I added some style CSS to center it, but still it's not working, here is how it looks: and her

Solution 1:

It worked when I changed from:

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

to version 3:

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

in the index.html