Bootstrap - 在左对齐的表单标签右侧获取文本

时间:2016-10-24 15:00:21

标签: twitter-bootstrap

我在Bootstrap中有一个表单,其中包含一些文本输入,如此

<div class="form-group">
   <label>Category</label>
   <select class="form-control">
       <option>A</option>
       <option>B</option>
   </select>
</div>

我想在标签的右侧显示一个链接,以便用户可以编辑类别列表。

有没有办法在Bootstrap中轻松完成,或者我应该添加自定义CSS,还是以不同的方式完成?

我不能让它来渲染我想要的东西,但它会是这样的:

类别 ____________________ 编辑类别

[选择(A,B等)_________________________]

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="form-group">
  <div class="control-label">
    <label>Category</label>
    <a href="#" class="pull-right">edit category</a>
    <span class="clearfix"></span>
  </div>
   <select class="form-control">
       <option>A</option>
       <option>B</option>
   </select>
</div>
&#13;
&#13;
&#13;