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

慕斯王
TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊
如果我理解正確,您想要將左框居中,不想將內(nèi)容與圖像重疊并保持框高度與右側(cè)相同。
我.container, .row and .h-100
從您的代碼中刪除了類,并div
從代碼中刪除了一些不需要的內(nèi)容以獲得合適的結(jié)果。
這是您的代碼
https://jsfiddle.net/w5pzcxn6/
- 1 回答
- 0 關(guān)注
- 212 瀏覽
添加回答
舉報(bào)
0/150
提交
取消