ui-carousel icon indicating copy to clipboard operation
ui-carousel copied to clipboard

Location of slides are pulled to the left

Open seanmalter opened this issue 7 years ago • 3 comments

Hey mihnsen,

I was playing with ui-carousel and noticed that my slides were not evenly distributed across the container, any idea what could cause this?

there is also a little bit of the next slide sticking out, but I suspect this will disappear when the slides are shifted capture

seanmalter avatar Jun 19 '17 04:06 seanmalter

i had the same problem, just wrap the content on a div and add styles for that div

<carousel-item>
        <div class="text-center">
            <img ng-src="{{ item.imagenUrl }}" alt="{{ item.nombre }}" style="max-height:100px;" />
            <h3> {{ item.name }} </h3>
            <p> {{ item.description }} </h3>
        </div>
    </carousel-item>

dengue8830 avatar Dec 17 '17 00:12 dengue8830

@dengue8830 does .text-center have margin: auto?

seanmalter avatar Dec 17 '17 01:12 seanmalter

@seanmalter no, its only text-align: center;

dengue8830 avatar Dec 17 '17 18:12 dengue8830