我有兩張相鄰的卡片，我試圖設計它，使它們始終具有相同的高度，并且我在讓我的左框看起來漂亮且沒有重疊時遇到了一些麻煩。目前，我的左框中有兩個元素，一個圖像元素和一個文本元素。我正在嘗試設置左側框的樣式，以便元素不重疊并且框在調整大小時能夠響應。在我的 jsfiddle （https://jsfiddle.net/martinradio/jshet597/27/）中，它目前看起來像這樣：添加 img-fluid 通過防止重疊來幫助提高響應能力，但會產生導致圖像顯得非常小的副作用，我嘗試通過添加 style="max-width:6" 來解決此問題，但它不會影響圖像。img-fluid 標簽甚至導致圖像/文本不再居中。有沒有辦法讓我的圖像/文本在卡片的中心保持對齊，圖像更大，同時還保持響應能力，以便在調整大小時不會重疊？