Bootstrap 列未正確顯示
[英]Bootstrap column doesn't show properly
問題描述
我想在該行中創建一行和 3 列。 這是我的代碼，該列無法正常工作。 它顯示為行。
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <div class='row'> <div class=' col-md-4'> <p><small>Abc</small></p> <p class='font-weight-bold'>Example</p> </div> <div class=' col-md-4'> <p><small>Xyz</small></p> <p class=' font-weight-bold'>New York</p> </div> <div class=' col-md-4'> <a class=' btn btn-primary' style='margin-top: 15px;' role='button'>button</a> </div> </div> </body> </html>
2 個解決方案
解決方案1
2 已采納 2020-02-26 19:53:10
你的代碼是正確的！ 我剛剛更改了您用來查看 'col-4' 樣式的 Bootstrap 版本，並看到它完美運行！
我想也許您正在使用的屏幕分辨率低於“575px”。 這會導致響應式風格。
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> </head> <body> <div class='row'> <div class='col-4'> <p><small>Abc</small></p> <p class='font-weight-bold'>Example</p> </div> <div class='col-4'> <p><small>Xyz</small></p> <p class=' font-weight-bold'>New York</p> </div> <div class='col-4'> <a class='btn btn-primary' style='margin-top: 15px;' role='button'>button</a> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </body> </html>
解決方案2
1 2020-02-26 19:46:30
實際上，它工作正常，但您將列設置為僅在中等大小或更大的屏幕上顯示。
同事MD -4
如果這不是您的意圖，您可以：
- 減小您正在使用的屏幕尺寸：col- sm -4（小）、col- xs -4（超小）
- 或者取消大小並讓您的列尊重任何屏幕尺寸：col-4
關於Bootstrap 網格系統的更多信息
Highcharts柱形圖超出了容器范圍，無法正確顯示X軸
[英]Highcharts column chart extends off container and doesn't properly show X axis
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.