Question

如何在bootstrap标签内使用html标签？

这是我的代码：

 newTextBoxDiv.after().html('<label>Name'+ ' : </label>' + '&nbsp;'+'<input **str`enter code here`ong text**type="text" name="names'+ counter  + '" id="textbox' + counter + '" value="" >'+
 '<label>Telephone' + ' : </label>'+'&nbsp;&nbsp;'+'<input type="text" name="telephones' +counter  + '" id="textbox2' + counter + '" value="" >'+'<br>'
 +'<label>mobile'+ ' : </label>' +'<input type="text" name="mobiles' +counter + '" id="textbox3' + counter + '" value="" >'+
 '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'+'<label>E-mail'+ ' : </label>'+'&nbsp;&nbsp;' +'<input type="text" name="emails' + counter + '" id="textbox4' + counter + '" value="" ><input type=hidden name="contactupdate'+counter+'"  id="contactupdate'+counter+'" value=" "><hr>');
 $("#contactcount").val(counter);

Answer 1

要在.html()中使用哪个引导标记？再解释一下。通常你可以这样做，在.html()

中使用HTML + Class / ID

.html('<div class="col-md-2"> Name : </div>'+Name+' <div  class="col-md-2">'+Telephone+'</div>');

<强>被修改

这是我的Laravel Blade模板示例

<div class="col-sm-6">
    <div class="form-group clearfix">
        {!!Form::select('receiver_username', $friendlists, null, ['id'=>'$friendlists', 'class'=>'form-control'])!!}
        <button type="button" class="btn search-btn pull-right"><i class="fa fa-search"></i></button>
    </div>
</div>
<div class="col-sm-12">
    <div class="form-group">
        {!! Form::textarea('message_text', null, ['id'=>'message_text','class'=>'form-control', 'placeholder'=>'Type here a message']) !!}
    </div>
</div>

您的JS代码

newTextBoxDiv.after().html('<label class="label-info">Name'+ ' : </label>' + '&nbsp;'+'<input type="text" name="names'+ counter + '" id="textbox' + counter + '" value="" class="form-control input-lg" >'+ '<label class="label-warning">Telephone' + ' : </label>'+'&nbsp;&nbsp;'+'<input type="text" name="telephones' +counter + '" id="textbox2' + counter + '" value="" class="form-control input-lg">'+'<br>' +'<label class="label-danger>mobile'+ ' : </label>' +'<input type="text" name="mobiles' +counter + '" id="textbox3' + counter + '" value="" class="form-control input-lg">');

bootstrap标记内的HTML标记

1 个答案: