모바일의 사용자 정의 Bootstrap 5 캐러셀(여러 항목이지만 한 행에 있지 않음)
<p>모바일 기기에서 캐러셀 레이아웃을 맞춤설정하는 데 문제가 있습니다.
모바일에서는 캐러셀의 모든 항목을 표시하고 싶지만, 특히 <code>display</code> 또는 <code> max-witdh</code> 이것이 불가능하다고 생각하기 시작했거나 잘못된 위치/속성을 어디에서 보거나 봐야할지 모르겠습니다.
내가 달성하려는 것이 무엇인지 볼 수 있도록 두 장의 사진을 포함했습니다. </p>
<p>내가 이루고 싶은 것:
</p>
<p>내가 가진 것:
</p>
<p>샘플 HTML 코드는 매우 기본적입니다. 이는 단지 디자인 목적을 위한 것이므로 CSS를 포함하지 않습니다. </p>
<pre class="brush:php;toolbar:false;"><div id="solutions-carousel" class="회전식 슬라이드 d-block d-md-none">
<div class="carousel-inner">
<div class="캐러셀 항목 활성">
<a href="#" 클래스="img-link"<img src="./img.png"alt=""</a>
<a href="#">텍스트</a>
</div>
<div class="carousel-item">
<a href="#" 클래스="img-link"<img src="./img.png"alt=""</a>
<a href="#">텍스트</a>
</div>
<div class="캐러셀 항목 활성">
<a href="#" 클래스="img-link"<img src="./img.png"alt=""</a>
<a href="#">텍스트</a>
</div>
<div class="캐러셀 항목 활성">
<a href="#" 클래스="img-link"<img src="./img.png"alt=""</a>
<a href="#">텍스트</a>
</div>
<div class="캐러셀 항목 활성">
<a href="#" 클래스="img-link">img src="./img.png"alt="></a>
<a href="#">텍스트</a>
</div>
<div class="캐러셀 표시기">
<버튼 유형="버튼" data-bs-target="#solutions-carousel" 데이터-bs-슬라이드-to="0" 클래스="활성" 아리아-현재="true" aria-label="슬라이드 1"></button>
<버튼 유형="버튼" data-bs-target="#solutions-carousel" 데이터-bs-슬라이드-to="1" aria-label="슬라이드 2"></button>
<버튼 유형="버튼" data-bs-target="#solutions-carousel" 데이터-bs-슬라이드-to="2" aria-label="슬라이드 3"></button>
<버튼 유형="버튼" data-bs-target="#solutions-carousel" 데이터-bs-슬라이드-to="3" aria-label="슬라이드 3"></button>
<버튼 유형="버튼" data-bs-target="#solutions-carousel" 데이터-bs-슬라이드-to="4" aria-label="슬라이드 3"></button>
<p>유什么想법이 있습니까?
