weixin_51250310 2022-02-09 12:37 采纳率: 42.9%
浏览 43
已结题

django中HTML使用bootstrap样式

######bootstrap样式中input框有没有应用上效果(有的有效果)


class AdminModelForm(forms.ModelForm):
    class Meta:
        model = models.Admin
        fields = "__all__"

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for name, field in self.fields.items():
          
            if field.widget.attrs:
                field.widget.attrs['class'] = "form_control"
                field.widget.attrs['placeholder'] = field.label
            else:
                field.widget.attrs = {
                    "class": "form-control",
                    "placeholder": field.label
                }


def admin_add(request):
    form = AdminModelForm()
    context = {
        "form": form,
        "title": "新建管理员"
    }
    return render(request, "change.html", context)
<!--change.html部分代码-->
<div class="panel-body">
              <form method="post" novalidate>
                  {% csrf_token %}
                  {%  for field in form %}
                  <div class="form-group">
                    <label>{{ field.label }}</label>
                  {{ field }}
                    <span style="color: red;font-size:11px">{{ field.errors }}</span>
                  </div>
                  {% endfor %}
                    <button type="submit" class="btn btn-primary">提交</button>
            </form>
          </div>


html检查截图

img

我的解答思路和尝试过的方法
我想要达到的结果

类似

img

这个是另一个页面的,也用了form-control,但是出现效果了

  • 写回答

4条回答 默认 最新

  • CSDN专家-showbo 2022-02-09 14:14
    关注

    样式名称打错了,应该是form-control,中杠线。同时确认bootstrap的css正确导入了,路径无误

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • ~白+黑 Python领域新星创作者 2022-02-09 13:43
    关注

    form_control应该是form-control吧

    评论
  • weixin_51250310 2022-02-09 13:10
    关注

    眼睛有问题,检查HTML也没发现样式名写错了

    评论 编辑记录
  • 有问必答小助手 2022-02-09 14:58
    关注
    您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
    PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 2月17日
  • 已采纳回答 2月9日
  • 创建了问题 2月9日

悬赏问题

  • ¥18 如何用c++编写数学规律题
  • ¥20 使用uni-app发起网络请求,获取重定向302返回的cookie
  • ¥20 手机外部浏览器拉起微信小程序支付 (相关搜索:微信小程序)
  • ¥20 怎样通过一个网址找到其他同样模版的网址
  • ¥30 XIAO esp32c3 读取FDC2214的数据
  • ¥15 在工控机(Ubuntu系统)上外接USB蓝牙硬件进行蓝牙通信
  • ¥15 关于PROCEDURE和FUNCTION的问题
  • ¥100 webapi的部署(标签-服务器)
  • ¥20 怎么加快手机软件内部计时的时间(关键词-日期时间)
  • ¥15 C语言除0问题的检测方法