Bootstrap 4 当幻灯片更改时,引导转盘使用两行

Bootstrap 4 当幻灯片更改时,引导转盘使用两行,bootstrap-4,carousel,Bootstrap 4,Carousel,我有一个超过一年的网站问题。在今年年初,我做了一些修改,同时安装了npm,因为出于某种原因,在启动angular时没有找到所有的软件包(版本5,现在9也有同样的问题)。在npm安装之后,我遇到了几个问题,其中最恼人的是旋转木马。由于某些原因,在滑动时,转盘从下面的“一排”滑动下一张幻灯片,然后将幻灯片提升到正确的位置。这个效果看起来非常愚蠢,我以前对此没有任何问题。虽然我也尝试了4.4.1,但引导版本没有从4.3.1更改 守则: <div class="event-slider">

我有一个超过一年的网站问题。在今年年初,我做了一些修改,同时安装了npm,因为出于某种原因,在启动angular时没有找到所有的软件包(版本5,现在9也有同样的问题)。在npm安装之后,我遇到了几个问题,其中最恼人的是旋转木马。由于某些原因,在滑动时,转盘从下面的“一排”滑动下一张幻灯片,然后将幻灯片提升到正确的位置。这个效果看起来非常愚蠢,我以前对此没有任何问题。虽然我也尝试了4.4.1,但引导版本没有从4.3.1更改

守则:

<div class="event-slider">
    <div id="carouselEvents" *ngIf="events && events.length > 0" class="carousel slide" data-ride="carousel">
        <div *ngIf="events" class="carousel-inner">
            <div *ngFor="let event of events; first as isFirst" class="carousel-item" [class.active]="isFirst">
                <span class="one-line"><i>Tuleva tapahtuma:</i></span>
                <!--<div class="one-line" [fittext]="true" [activateOnResize]="true" [maxFontSize]="30"><b>{{event.name}}</b></div>-->
                <span class="one-line">{{event.startDateTime | date: 'dd.MM.yyyy HH:mm'}}</span>
                <div class="one-line">
                    <a *ngIf="authService.loggedIn()" routerLink="/events/{{event.id}}">Lue lisää</a>
                    <a *ngIf="!authService.loggedIn()" routerLink="/events">Kaikki tapahtumat</a>
                </div>
            </div>
        </div>        
            <a class="carousel-control-prev" href="#carouselEvents" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselEvents" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>

图列娃·塔帕图马:
{{event.startDateTime}日期:'dd.MM.yyyy HH:MM'}
有什么想法吗?附上描述问题的照片


终于找到了解决方案:出于某种原因,CSS在更新后开始采取不同的行动。事件滑块CSS和旋转木马项目定义之间存在冲突。我只是从carousel item类中删除了margin:auto,瞧

终于找到了解决方案:出于某种原因,CSS在更新后开始采取不同的行动。事件滑块CSS和旋转木马项目定义之间存在冲突。我只是从carousel item类中删除了margin:auto,瞧

你能给我一些html的代码片段吗?看到你旋转木马的结构了吗?是的,对不起,我愚蠢的错误忘记了。添加到原来的帖子中。关于这一点,fittext行被注释掉了,我想看看这是否导致了这个问题(fittext是一个额外的库,用于调整长文本的字体大小以适应屏幕,特别是移动设备),但它没有。这张照片上的代码就是这样的。问题是相同的,无论是否有该行注释。另外,单行CSS类只是一些填充,没有包装,也经过了测试,不管有没有效果。我也有同样的问题。你能给一些html的代码片段吗?看到你旋转木马的结构了吗?是的,对不起,我愚蠢的错误忘记了。添加到原来的帖子中。关于这一点,fittext行被注释掉了,我想看看这是否导致了这个问题(fittext是一个额外的库,用于调整长文本的字体大小以适应屏幕,特别是移动设备),但它没有。这张照片上的代码就是这样的。问题是相同的,无论是否有该行注释。同样,一行CSS类只是一些填充,没有换行,也经过了测试,不管有没有效果。我也有同样的问题。。