我正在嘗試為我正在為大學項目設計的頁面制作標題。我一直在玩不同的代碼，我能管理的最好的是 3 張圖片，一張在另一張下面。在我的一生中，我無法看到如何使它們彼此相鄰，在橫幅中，然后適合屏幕的長度。標頭代碼： <header> <div class="container-fluid"> <div class="row"> <div class="col-md-4"> <div class="span4"> <img class="img-responsive" src="https://i.ibb.co/7vJj2z4/logo-small.png" alt="img"> </div> </div> <div class="col-md-4"> <div class="span4"> <img class="img-responsive" src="https://i.ibb.co/Mf8HmH7/Jedi-Mind-Reader-Logo-Small.png" alt="img"> </div> </div> <div class="col-md-4"> <div class="span4"> <img class="img-responsive" src="https://i.ibb.co/7vJj2z4/logo-small.png" alt="img"> </div> </div> </div></div></div></header>樣式代碼* {box-sizing: border-box;}body { margin: 0; font-family: Orbitron, sans-serif;}.header, .footer { overflow: hidden; background-color: black;}.footer { color: white;}.header { color: yellow;}.header, .footer a { float: left; text-align: center; text-decoration: none; font-size: 18px; line-height: 25px; border-radius: 4px;}.header, .footer a.logo { font-size: 25px; font-weight: bold;}.header, .footer a:hover { background-color: black; color: yellow;}.header, .footer a.active { background-color: black; color: black;}.header-right, .footer-right { float: right;}@media screen and (max-width: 500px) { .header, .footer a { float: none; display: block; text-align: center; } .header-right, .footer-right { float: none; }}
1 回答
慕妹3146593
TA貢獻1820條經驗 獲得超9個贊
您正在嘗試將樣式應用于不存在的類。你可以打電話，header {}但如果你使用.header {}，那么你需要改變<header>=><header class="header">
- 1 回答
- 0 關注
- 158 瀏覽
添加回答
舉報
0/150
提交
取消