Twitter bootstrap 3 引导btn块不工作

我正在尝试展开submit按钮，使其成为密码字段的大小。我正在使用代码btn块，但它不工作

<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>

我是温多德沃尔塔！Efetue seu登录

Efetue seu登录
乌萨里奥：
森哈：

---

将显示值设置为内联块，它应该可以工作。

我也有同样的问题，但我的

btn块

在模式内不工作。

---

这是因为按钮位于引导4的页脚。一旦我把它移到莫代尔的身体上，它就工作得很好。我希望这可能会对某些人有所帮助。

我遇到了同样的问题，btn块在引导程序4中，在模态体中不起作用。 问题是它在一列

中，并且父元素没有填充预期的100%。修复方法是将

col-xs-12

替换为

col

，因此修复后的父项看起来是这样的。 根本原因是样式使用了flexbox。 要更好地理解，请参阅这里的引导4文档

对于上述问题的解决方案，您应该将

col

类添加到

buttonHolder

或将

buttonHolder

完全替换为col

btn块是指它们的父项（div和class=“buttonHolder”），它们的大小与“Entrar”字相匹配



因此，删除他们的div（div with class=“buttonHolder”）和Button with btn block可以与password字段具有相同的大小。
您可以使用
.col-bg-12
类，它的工作方式与block相同。
我也遇到过同样的问题，但使用它解决了这个问题，所以希望它也能对您有所帮助。
在Bootstrap 5.0.x中，
btn block
被折旧，要获得一个全宽按钮，您可以使用网格系统，并在按钮类中使用
col-12


您可以从
查看文档。简单的方法是将col-12赋予btn类
或者尝试以下操作：

来自谷歌的用户，只需将
w-100
添加到您的按钮上，使其全宽（使用
btn block
的方式）：

登录
将w-100添加到button类后即可工作


使用“col-12”或“w-100”。两者都可以使按钮相对于其容器的宽度达到最大。
btn block使按钮成为块级元素。这使它跨越其父对象的宽度。现在是什么样子？问题出在哪里？它很好用。请问您为什么要使用
&
标记？我使用的是django通用视图。他创建了这些tr。你找到解决方案了吗？这并不能提供问题的答案。一旦你有足够的钱，你将能够；相反它是如何工作的？？