django-generic-views 相关问题

我正在尝试扩展提交按钮，使其成为密码字段的大小。我正在使用代码 btn-block 但它不起作用。我正在尝试扩展提交按钮，使其与密码字段一样大。我正在使用代码 btn-block 但它不起作用。 <div class="container"> <div class="row" style="margin-top:60px;"> <div class="col-md-4 col-md-offset-4"> <div class="span12" style="text-align:center; margin: 0 auto;"> <form class="form-horizontal" style="width: 400px; margin: 0 auto;" method="post"> <fieldset> <h3 style="color:dimgray;" class="sign-up-title"> Bem-vindo de volta! Efetue seu login </h3> <hr class="colorgraph"> <legend> Efetue seu login </legend> <div style='display:none'> <input type='hidden' name='csrfmiddlewaretoken' value='ImQqDNXbmiVQKGo3OsZlrepAzwfAu70B' /> </div> <tr> <th> <label for="id_username"> Usuário: </label> </th> <td> <input id="id_username" type="text" name="username" maxlength="30" /> </td> </tr> <tr> <th> <label for="id_password"> Senha: </label> </th> <td> <input type="password" name="password" id="id_password" /> </td> </tr> <div class="buttonHolder"> <input type="submit" value="Entrar" class="btn btn-large btn-success btn-block" id="submit-login"/> </div> </fieldset> </form> </div> </div> </div> </div> 在 Bootstrap 5.0.x 中，btn-block 已弃用，要获得全宽按钮，您可以使用网格系统并在按钮类中使用 col-12。您可以从bootstrap文档页面查看文档来自谷歌的人，只需将w-100添加到您的按钮以使其全宽（btn-block过去的工作方式）： <button type="submit" class="btn btn-primary w-100">Login</button> 一旦你将 w-100 添加到按钮类就可以工作。 <button type="submit" class="btn btn-primary w-100">Login</button> 为什么不按照 Bootstrap 5 的官方文档只需在外部 div 中添加 d-grid 类 d-grid 完整语法 <div class="row mb-3"> <div class="d-grid"> <button class="btn btn-primary">Submit</button> </div> </div> btn-block类是display: block和width: 100%的组合，所以我们必须使用d-block w-100类。当然，如果一定要用u200du200du200du200du200du200du200du200ddisplay: block‍，否则w-100就够了 <div class="buttonHolder"> <input type="submit" value="Entrar" class="btn btn-large btn-success w-100 d-block" id="submit-login"/> </div> 使用“col-12”或使用“w-100”。两者都可以使按钮相对于它的容器全宽。我有同样的问题，但我的btn-block没有在模态内工作。这是因为该按钮位于 bootstrap 4 的页脚中。一旦我将它移到模态的主体上，它就可以正常工作。我希望这可以帮助某人。尝试在课堂上使用 w-100 像这样<button type="submit" class="btn btn-primary w-100">Login</button> 将显示值设置为内联块，它应该可以工作。我遇到了同样的问题，其中 btn-block 在 bootstrap 4 中不工作，在模态体中。问题是它位于 <div class="col-xs-12"> 列中，并且该父元素未填充预期的 100％。修复是将 col-xs-12 替换为 col，因此在修复 <div class="col-xs-12"> 后父项看起来像这样。根本原因是样式使用了 flexbox。为了更好地理解，请在此处查看 bootstrap 4 的文档...Bootstrap 4 Grid Documentation 对于上述解决方案，您应该将col类添加到buttonHolder或将buttonHolder替换为colcompletely btn-block 指的是它们的父级（div with class="buttonHolder"），它们的大小与“Entrar”字相符。 <div class="buttonHolder"> <input type="submit" value="Entrar" class="btn btn-large btn-success btn-block" id="submit-login"/> </div> 因此，删除它们的 div（div with class="buttonHolder"）和带有 btn-block 的 Button 可以与密码字段具有相同的大小。您可以使用 .col-bg-12 类，它的工作方式与块相同。我遇到了同样的问题，但使用它解决了它，所以希望它对你也有帮助。简单的方法就是将 col-12 给 btn 类 U 可以使用 class=btn h-100, class=btn col-12 或者在 div 标签 d-grid`` 你可以在 Bootstrap version 5 中使用这个方法 <div class="w-100"> <button class="btn btn-primary w-100" type="button">Button</button> </div> 只需将col-12添加到班级中即可。 btn-block 不适用于 bootstrap5 在 Bootstrap 5 btn-block 中被弃用，访问 https://getbootstrap.com/docs/5.3/components/buttons/#block-buttons 有关使用 btn-block 的选项。使用 display 和 gap 实用程序来块显示按钮，下面是上面链接中的示例 <div class="d-grid gap-2"> <button class="btn btn-primary" type="button">Button</button> <button class="btn btn-primary" type="button">Button</button> </div> 我只是在这里面临类似的情况，d-block 在 bootstrap5 中不起作用，所以使用 w-100，将使按钮的宽度为 100% 的父母津贴。 <button type="button" class="btn btn-outline-primary w-100 btn-lg">Sign Up</button> 或者尝试以下方法： <a href="#" class="btn btn-success btn-toolbar d-flex justify-content-center">Confirm</a>

twitter-bootstrap-3 django-generic-views

回答 19 投票 0

在django restframework中的同一视图中使用通用createapiview和updateapiview

我试图找出是否可以使用Django rest框架中的通用api方法在同一视图中发布和修补。我不认为有任何通用类允许创建和更新...

python django django-rest-framework django-generic-views

回答 1 投票 2

Django，如何使用CreateView和UpdateView同时添加两条记录

我需要一个带有一些FloatField场的模型，这个表的每个记录应该与另一个一起使用（第一行表示最小值，第二行表示最大值）。我喜欢这些的价值......

django forms django-generic-views

回答 1 投票 0

django-generic-views 相关问题

最新问题