Question

我有一些使用标签标签的表单控件，但是行中还有2列不是输入表单，因此标签标签无法正常工作 - 静态标签字段和保存按钮这些值位于标签旁边而不是下方。我可以用什么作为替代方案？

<div class="list-group list-group-large list-group-background list-group-background-data settings">
  <div class="list-group-header">
    <div class="list-group-title">
      <h3>Set Alerts</h3>
    </div>
  </div>
  <div class="list-group list-group-large list-group-data">
    <div class="row" ng-repeat="alarm in alarms">
      <div class="col-md-3">
        <label>Field</label>
        <select ng-model=alarms[$index].name class="form-control">
          <option ng-repeat="header in headers" value="{{header[0]}}">{{header[0]}}</option>
        </select>
      </div>
      <div class="col-md-2">
        <label>Condition</label>
        <select class="form-control" ng-model=alarms[$index].variant class="selectpicker">
          <option ng-selected="alarm.variant == 'gt'" value="gt">is greater than</option>
          <option ng-selected="alarm.variant == 'lt'" value="lt">is less than</option>
        </select>
      </div>
      <div class="col-md-2">
        <label>Threshold</label>
        <input ng-model=alarms[$index].threshold type="text" class="form-control threshold" value="{{alarm.threshold}}">
      </div>
      <div class="col-md-3">
        <label>Units</label>
        <span>deg</span>
      </div>
      <div class="col-md-2">
        <label>Save</label>
        <button type="button" ng-show="$last" ng-click="pushThreshold()" class="btn btn-success-outline">
        <i class="fa fa-check"></i>Save</button>
      </div>
    </div>
  </div>
</div>

Answer 1

我建议您使用此代码：

nucleotide.reverse.tr "ATCG", "TAGC"

这将在输入组件的右侧添加带有“Name”的漂亮标签

Answer 2

我将<span>标记更改为<div>标记，并将该按钮包含在<div>标记内并且有效。

与跨度和按钮的标签标签相同的是什么？

2 个答案: