Html 外部CSS不起作用

我正在使用外部CSS进行某种样式， 我的链接标签如下：

<link href="<%=request.getContextPath()%>/css2/form.css" rel="stylsheet" TYPE="text/css">

我在jsp中使用了这些类，如下所示

<div class="form-group">
<label for="dob" class="control-label col-xs-4">Date Of
                        Birth(DOB) :</label>
<div class="col-xs-8">
                        <div class="col-lg-8 input-group date form_date1" data-date-format="dd MM yyyy"  data-link-format="yyyy-mm-dd">
                            <input type="text" class="form-control " size="10" name="dob" id="date" ">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                </div>

日期
出生日期：
不确定要将哪个css应用于文本框。但如果您想将输入组应用于文本框，请按如下所述更新您的输入标记：

<input type="text" class="form-control input-group" size="10" name="dob" id="date" ">

.input-group{
     margin-left:15px !important;
}

右键单击并执行“查看源代码”，您可以单击链接查看是否发现css中缺少一个点的页面。它应该是
.legend
而不是
legend
ya。我检查了它，它正在查找css文件。图例工作正常，我想将其应用于文本框。这个表示类的样式，当您不使用时，他没有使用class='legend'。它适用于所有带有标记“legend”的标记。如果我这样做，我将在文本框中获得文本框。如果你这样做，你将能够应用保证金，因为你问的问题。
.input-group{
     margin-left:15px !important;
}