如何使用 bootstrap 使文本在 1366 x 768 等小屏幕分辨率下可见？

Question

我在使用 bootstrap 列时屏幕分辨率有问题，当我使用 1366 x 786 屏幕分辨率时，下面 select 字段文本不完全可见。

如何使用 bootstrap 解决此问题？

main.html

<div class="row">
    <div class="col-md-6 fieldHeight">
        <div class="form-group">
        <label for="oplossValDate" class="col-md-5 {{requiredstr}}">
        OpLoss Validation Dates:</label>
        <div class="col-md-7" ng-if="rcsaCycleDTO.cycStatLkupCode === 'RA_CYC_SETUP'">
            <select class="form-control" name="oplossValDate"
                id="oplossValDate"
                ng-model="rcsaCycleDTO.opLossValidationDateKey"
                ng-change="OplossFromAndToDate()"
                ng-options="OplossValidationDateOption.id as OplossValidationDateOption.text for OplossValidationDateOption in OplossValidationDateOptions">
                <option value="">Select...</option>
           </select>
    </div>
    <div class="col-md-6 fieldHeight">
        //code for these columns
    </div>
</div>

Answer 1

使用您周围的表单标签 <div class="form-group"> 并像这样删除 class="col-md-5" 和 class="col-md-7"：

<div class="row">
<div class="col-md-6 fieldHeight">
  <form class="form-inline">
    <div class="form-group">
      <label for="oplossValDate" class="{{requiredstr}}">
        OpLoss Validation Dates:</label>

        <select class="form-control" name="oplossValDate"
            id="oplossValDate"
            ng-if="rcsaCycleDTO.cycStatLkupCode === 'RA_CYC_SETUP'"
            ng-model="rcsaCycleDTO.opLossValidationDateKey"
            ng-change="OplossFromAndToDate()"
            ng-options="OplossValidationDateOption.id as   OplossValidationDateOption.text for OplossValidationDateOption in OplossValidationDateOptions">
            <option value="">Select...</option>
        </select>
      <div class="col-md-6 fieldHeight">
        //code for these columns
      </div>
    </div>
  </form>

有关详细信息，请参阅 here。

Answer 2

我更喜欢这个网站来解决各种代码问题：http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

如何使用 bootstrap 使文本在 1366 x 768 等小屏幕分辨率下可见？

How to make text visible on small screen resolutions like 1366 x 768 using bootstrap?

css

screen-resolution

twitter-bootstrap