Bootstrap Vue를 사용하여 이미지를 오른쪽 정렬하는 방법
P粉216807924
P粉216807924 2023-09-07 23:33:56
0
1
605

저는 Bootstrap Vue를 처음 사용하고 b-card 헤더를 사용하여 이미지를 오른쪽으로 정렬하려고 합니다. <span> 또는 <div>를 사용해 보았습니다. 템플릿의 제목 크기는 이미지를 추가하기 전까지는 완벽했습니다. 오른쪽에도 약간 표시되었지만 아래에도 약간 표시되었습니다. 여기 내 코드펜 링크가 있습니다. 당신이 제공할 수 있는 어떤 도움이라도 대단히 감사하겠습니다.

https://codepen.io/tone373/pen/JjeYazG

으아악
P粉216807924
P粉216807924

모든 응답(1)
P粉786800174

Bootstrap의 grid 시스템을 사용할 수 있습니다:

으아악

b-row使用align-h="between"可以水平对齐元素,并在它们之间留有空间。 <h4>和图片被放置在第1列和第2列中,b-col中的cols="auto"폭은 자동으로 조정됩니다.

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿