我什至試過這個鏈接
這是我的代碼
<style>
.form-style-5{
max-width: 500px;
padding: 10px 20px;
margin-top:2em;
margin: 10px auto;
margin-bottom: 1em;
padding: 30px;
background-color: #ffffff;
border-radius: 8px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.container{
margin-bottom: 2em;
}
.col-sm-6{
width:120px;
height:50px;
text-align:center;
line-height:1.1em;
font-size:1.1em;
}
</style>
<body style="background-color: #040b5a">
<div class="container" style="padding:50px">
<form class="form-style-5" method="post">
<h1 style="font-family:verdana">Login</h1>
{% csrf_token %}
<table>
{{form | crispy}}
<button class="btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" type="submit" style="background-color: #040b5a; border: 0px">Login</button>
</form>
<hr>
<div class= "row">
<div class="col-sm-6"><a href="/signup" class="btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" style="background-color: #040b5a; border: 0px"> Customer Sign-up</a></div>
<div clas="col-sm-6"><a href="/seller_signup" class="btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" style="background-color: #040b5a; border: 0px">Seller Sign-up</a></div>
</div>
</table>
</div>
</body>
</html>
uj5u.com熱心網友回復：
您的代碼在第 40 行缺少類單詞的“s”
<div class="col-sm-6"><a href="/seller_signup" class="btn btn-primary btn-block fa-lg gradient-custom-2 mb-3" style="background-color: #040b5a; border: 0px">Seller Sign-up</a></div>
uj5u.com熱心網友回復：
<div class= "row">
<div class="col-sm-6"><a class="btn"> Customer Sign-up</a></div>
<div class="col-sm-6"><a class="btn">Seller Sign-up</a></div>
</div>
.btn{
width: 100%;
text-align:center;
background: #040b5a;
color:#fff !important;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/480500.html
上一篇：Boostrap5自動調整列寬