gpt4 book ai didi

html - Bootstrap 面板和列表未显示

转载 作者:太空宇宙 更新时间:2023-11-04 04:04:40 24 4
gpt4 key购买 nike

我尝试在我的 html 页面中显示 Bootstrap 列表组和面板,但它不起作用..

<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Report Filling</h3>
</div>
<div class="panel-body">
<ul class="list-group" style="max-width: 200px;">
<li class="list-group-item">@Html.ActionLink("Upload CTR", "UploadCTR", "Upload")</li>
<li class="list-group-item">@Html.ActionLink("Upload ETR", "UploadETR", "Upload")</li>
<li class="list-group-item">@Html.ActionLink("Upload STR", "UploadSTR", "Upload")</li>
</ul>
</div>

我去输出像..

enter image description here

最佳答案

您的源代码运行良好,但您缺少指向 CSS 的良好链接,正如@jyrc753 所建议的那样。

<html>
<head>

<link href="bootstrap.min.css" rel="stylesheet">

</head>
<body>
<div class="container">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Report Filling</h3>
</div>
<div class="panel-body">
<ul class="list-group" style="max-width: 200px;">
<li class="list-group-item">@Html.ActionLink("Upload CTR", "UploadCTR", "Upload")</li>
<li class="list-group-item">@Html.ActionLink("Upload ETR", "UploadETR", "Upload")</li>
<li class="list-group-item">@Html.ActionLink("Upload STR", "UploadSTR", "Upload")</li>
</ul>
</div>
</body>
</html>

这非常有效。

示例 http://jsfiddle.net/xLmjv/

关于html - Bootstrap 面板和列表未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21546872/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com