无法使用Django和Python添加带有button的引导类

Question

我试图使用Django和Python在button中添加引导类，但根本无法添加。我提供以下代码：

在控件.html公司名称：

{% extends 'base.html' %}
{% block content %}
<center><h1>Welcome</h1>
<div class="boxwidthdiv">
<form method="post" action="{% url 'plantsave' %}">
    {% csrf_token %}
    <div class="boxwidthinnerdiv">
        Nuclear Mini Plant <br /><br />
        <select name="react">
            <option value="Reactor1">Reactor 1</option>
            <option value="Reactor2">Reactor 2</option>
            <option value="Reactor3">Reactor 3</option>
        </select>
        <br /><br /><br /><br />
        <button class="buttondiv" name="strt" type="submit" class="btn btn-success">Start</button>
        <button class="buttondiv" name="shutbt" type="submit" class="btn btn-danger">Shut Down</button>
        <button class="buttondiv" name="susbtn" type="submit" class="btn btn-info">Suspend</button>
    </div>
    </form>
    </div>
{% endblock %}

在基本.html公司名称：

^{pr2}$

在这里我根本无法添加类。在

Answer 1

在一个元素上有两次相同的属性（例如class）是无效的HTML。而不是

<button class="buttondiv" name="strt" type="submit" class="btn btn-success">Start</button>
<button class="buttondiv" name="shutbt" type="submit" class="btn btn-danger">Shut Down</button>
<button class="buttondiv" name="susbtn" type="submit" class="btn btn-info">Suspend</button>

争取

^{pr2}$

---

旁注：

您可能需要重命名CSS类。buttondiv非常以HTML为中心，并泄露其作用域（div中的按钮）。更好的方法通常是要么使用元素类型选择器（例如div button），要么对CSS类使用更多与域相关的术语（例如call-to-action或{}）。这将有助于您以后在其他地方应用相同的样式或引入具有类似范围的其他类。在

这里的元素名也是如此，它们似乎缺乏一致性。在