Jquery 无法将错误放置在元素下方

我想使用errorLabelContainer将错误放在选择元素“term”下面，但它工作不正常，不知道我做错了什么

名称字段

<div class="form-group"> 
    <label class="control-label" style="margin-bottom: 5px;">Calendar Name </label>
    <input type ="text" name="calendar_name" class="form-control" data-validate="required" data-message-required="Value Required" />
</div>

日历名

术语域

<div class="form-group">
    <label class="control-label" style="margin-bottom: 5px;">Term</label>
    <select name="term" id="term" class="form-control selectboxit" data-validate="required" data-message-required="Please select a term" >
        <option value=""><?php echo get_phrase('select_term');?></option>
        <option value="1"><?php echo get_phrase('1st_term');?></option>
        <option value="2"><?php echo get_phrase('2nd_term');?></option>
        <option value="3"><?php echo get_phrase('3rd_term');?></option>
    </select>
    <label id = "myerror"> </label>
</div>

学期

Javascript

<script type ="text/javascript">

$(document).ready(function(){
     $.validator.setDefaults({ ignore: ':hidden:not(.selectboxit)'   });

 $('#term').validate({ 
        rules: {
            'term': {
                required: true
            }
        },
        messages: {
            'term': {
                required: 'Please select a term'
            }
        },
        errorLabelContainer:'#myerror',

    });

});
</script>

$（文档）.ready（函数（）{
$.validator.setDefaults（{ignore:'：hidden:not（.selectboxit）}）；
$（'#term'）。验证（{
规则：{
“期限”：{
必填项：true
}
},
信息：{
“期限”：{
必填项：“请选择一个术语”
}
},
errorLabelContainer:“#myerror”，
});
});

是，我正在使用引导，选择BoxIt替换默认选择该问题是关于“如何验证选择”。我正在使用selectboxit，验证正在进行，我只想将错误放在选择框的下方，而不是顶部。如我看到的图像所示。你能发布你的CSS吗？我正在使用引导。css。太多了，如果我把它粘贴到这里，也许我必须找到一个替代ErrorLabelContainer的方法。你能为其中一个工作字段发布HTML吗？是的，我正在使用bootstrap，然后选择BoxIt替换默认选择。问题是关于“如何验证选择”。我正在使用selectboxit，验证正在进行，我只想将错误放在选择框的下方，而不是顶部。如我看到的图像所示。你能发布你的CSS吗？我正在使用引导。css。如果我把它粘贴到这里，那就太多了，也许我必须找到一个替代ErrorLabelContainer的方法。你能为其中一个工作字段发布HTML吗？