찾다

 >  Q&A  >  본문

Bootstrap Vue를 사용하여 이미지를 오른쪽 정렬하는 방법

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

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

으아악
P粉216807924P粉216807924453일 전609

모든 응답(1)나는 대답할 것이다

  • P粉786800174

    P粉7868001742023-09-08 19:30:00

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

    으아악

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

    회신하다
    0
  • 취소회신하다