问题：

引导表单，列不能按所需字段的预期工作

蓟清野

2023-03-14

<div class="form-group">
        <label class="col-sm-2 control-label" for="InputAddress1">Address 1</label>
        <div class="col-sm-9 col-sm-offest-2  input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-asterisk"></i></span>
            <input type="text" class="form-control" placeholder="Address Line 1" autofocus required>
        </div>                                                                                                                            
        <span class="error col-sm-12">Required</span>
  </div>

完整的代码示例可以在以下位置查看https://stevia-fallev.codio.io/question.html

谢谢。吉娜

共有1个答案

澹台季萌

2023-03-14

我认为这个要求的问题是您有一个错别字（也许您复制和粘贴了所需的范围来重复错误？）。

您不需要输入组中的偏移量，因为标签的col-sm-2已经存在。如果您更正了错误，您将得到一些难看的内容，因为您有太多的列（即2+2+9=13)。只要把偏移量放在那里。

然后，您可以将偏移量添加到所需的位置（没有错别字；-）：

<span class="error col-sm-9 col-sm-offset-2">Required</span>

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Core CSS -->
    <link rel="stylesheet" type="text/css" href="plugins/bootstrap-3.1.1-dist/css/bootstrap.min.css">
 </head>
<body>

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>Employee Information</h1>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-sm-12" style="padding-top:30px;">
                <div class="alert alert-danger ">
                    <span class="glyphicon glyphicon-alert "></span><strong> message</strong>
                </div>
            </div>          
        </div>
    </div>

    <div class="container">
        <form class="form-horizontal" role="form">
            <div class="form-group">
                <label class="col-sm-2 control-label ">Name</label>
                <div class="col-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon "><i class="glyphicon glyphicon-asterisk "></i></span>
                        <input type="text" placeholder="Name " class="form-control">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="InputAddress1">Address 1</label>
                <div class="col-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-asterisk"></i></span>
                        <input type="text" class="form-control" placeholder="Address Line 1" autofocus required>
                    </div>
                </div>
                <span class="error col-sm-10 col-sm-offset-2">Required</span>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="InputAddress2">Address 2</label>
                <div class="col-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon input-group-addon_width"><i class=""></i></span>
                        <input type="text" class="form-control" placeholder="Address Line 2">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="InputCity">City</label>
                <div class="col-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-asterisk form-control-feedback"></i></span>
                        <input ng-model="demo.city" ng-disabled="!editAllowed" type="text" class="form-control" placeholder="City" required>
                    </div>
                </div>
                <span ng-show="demographics_form.city.$error.required" class="error col-sm-10 col-sm-offset-2">Required</span>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label" for="InputState">State</label>
                <div class="col-sm-10">
                    <div class="input-group">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-asterisk form-control-feedback"></i></span>
                        <select id="state" class="form-control" required>
                            <option >State</option>
                        </select>
                    </div>
                </div>
            </div>
            <div ng-hide="!editAllowed" class="col-sm-12">
                <div class="row">
                    <div class="col-sm-offset-4 col-sm-2">
                        <button class="btn btn-success btn-block">Submit</button>
                    </div>
                    <div class="col-sm-2">
                        <button  class="btn btn-info btn-block">Cancel</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</body>
</html>

类似资料：

ExpressJS：res.redirect（）不能按预期工作？

问题内容：我已经为此奋斗了2天，尽我所能用Google搜索和stackoverflow，但是我无法解决。我正在构建一个简单的节点应用程序（+ Express + Mongoose），其登录页面重定向到主页。这是我的服务器JS代码：登录页面向发出POST请求，在此验证发布的数据。这可行。我可以在Node控制台中看到“我们在这里：’/ credentials’”。然后是问题：res.redir
@Basic字段上的Hibernate实体图形不能按预期工作

Hibernate似乎忽略了javax.persistence.fetchgraph中指定的任何@Basic字段，并始终加载整个对象，直到我们显式地将该字段定义为@Basic（fecth=LAZY）。然而，JPA 2.1标准规定：要指定提取图，请在执行EntityManager.find或查询操作时设置javax.persistence.fetchgraph属性。获取图仅由EntityGraph
Python的__import__不能按预期工作

问题内容：当使用带点名的名称时，例如：，返回的模块不是，返回的内容几乎都是空的！这里发生了什么？问题答案：从python文档上： … 当name变量的形式为package.module时，通常返回顶级包（名称直到第一个点），而不是按名称命名的模块。但是，当给出非空的fromlist参数时，将返回按名称命名的模块。这样做是为了与为不同种类的import语句生成的字节码兼容。使用“ import
BigDecimal compareTo不能按预期工作

问题内容：根据JavaDoc for ，该函数在比较期间不考虑比例。现在，我有一个测试用例，看起来像这样：我希望函数返回的值是10，小数位数为10。打印该值可显示预期的结果。但是该功能似乎并未按照我认为的方式工作。这里发生了什么？问题答案：并没有代表0.7。它代表0.69999999999999999999555910790149937383830547332763671875（
java.util.BitSet — set（）不能按预期工作

问题内容：我是否错过了明显痛苦的事情？还是世界上没有人真正使用java.util.BitSet？以下测试失败：我真的不清楚，为什么我没有得到长度为2的BitSet和值为10的结果。我偷看了java.util.BitSet的源代码，并且在随意检查时似乎无法对两者进行足够的区分。设置为false且从未设置为任何值… （请注意，在构造函数中显式设置BitSet的大小无效，例如：问题答案：人们确
Docker：RUN cd…不能按预期工作

问题内容：以下Dockerfile：具有输出：构建时（docker build命令）看来RUN cd tmp123没有任何作用为什么呢？问题答案：实际上是预期的。泊坞窗文件不过是docker run + docker commit的包装器。与做相同的事情：每次运行时，都会生成一个新容器，因此pwd为’/’。如果您愿意，可以在github上打开一个问题，以便向Dockerfil

引导表单，列不能按所需字段的预期工作

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档