我嘗試了一切，從檔案到最后 10 個堆疊溢位答案，但沒有任何幫助。我試過：
<meta name="viewport" content="width=device-width, initial-scale=1">
我嘗試了@@meedia 的風格，我嘗試了卡體上的 w-100，一切都沒有任何幫助。我需要像這樣的整個應用程式具有正常寬度，所以請幫忙。我有 VS 2022，板載 .NET 6。
當我啟動應用程式（在桌面上）并繼續 F12 時，我無法制作移動設備。卡體真的很長，我想將卡體的寬度設定為手機螢屏尺寸。
代碼是這樣的：
<div class="row">
<div class="col-sm-4">
<div class="card bg-light w-100 p-0">
<div class="card-body">
<a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaKuce">Prodaja ku?a</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card bg-light w-100 p-0">
<div class="card-body">
<a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaStanova">Prodaja stanova</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card bg-light w-100 p-0">
<div class="card-body">
<a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaNekretninaZaOdmor">Prodaja nekretnina za odmor</a>
</div>
</div>
</div>
最后的結果還是一樣的。
uj5u.com熱心網友回復：
w-100只是將 設定為父width容器，在這種情況下由100%指定。Bootstrap 使用 12 列，并根據類將內容劃分為不同的內容。如果您希望每個列都占據一整行，那么只需使用.col-sm-4col-col-12
如果您希望它們在移動設備上占據整個寬度，但在桌面上占據三列，則可以使用 和 的組合，col-sm-12如下col-md-4例所示：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="card bg-light w-100 p-0">
<div class="card-body">
<a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaKuce">Prodaja ku?a</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="card bg-light w-100 p-0">
<div class="card-body">
<a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaStanova">Prodaja stanova</a>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="card bg-light w-100 p-0">
<div class="card-body">
<a class="nav-link text-dark" asp-area="" asp-controller="Oglas" asp-action="ProdajaNekretninaZaOdmor">Prodaja nekretnina za odmor</a>
</div>
</div>
</div轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/410408.html
標籤：
下一篇：使用PHP洗掉或創建HTML