如何在Bootswatch中的多个选择选项中左右对齐文本

时间:2018-10-23 11:34:44

标签: forms text bootstrap-4 alignment bootswatch

我正在使用Bootswatch砂岩https://bootswatch.com/sandstone/

我有一个带有源代码的表格:

<div class="form-group">
  <label for="exampleSelect2">Example multiple select</label>
  <select multiple="" class="form-control" id="exampleSelect2">
    <option><p class="text-left">Subject 1<p><p class="text-right">500 views</p></option>
    <option><p class="text-left">Subject 2<p><p class="text-right">400 views</p></option>
  </select>
</div>

如何在选项中左右对齐文本值?

1 个答案:

答案 0 :(得分:0)

据我所知,选项标签中不可能有不同的格式。您可以使用的一个选项是使用title属性将信息显示为工具提示,如下所示:

<div class="form-group">
  <label for="exampleSelect2">Example multiple select</label>
  <select multiple="" class ="form-control" id="exampleSelect2">
    <option title="500 views">Subject 1</option>
    <option title="400 views">Subject 2</option>
  </select>
</div>