Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用引导使文本在小屏幕分辨率(如1366 x 768)上可见?_Css_Twitter Bootstrap_Screen Resolution - Fatal编程技术网

Css 如何使用引导使文本在小屏幕分辨率(如1366 x 768)上可见?

Css 如何使用引导使文本在小屏幕分辨率(如1366 x 768)上可见?,css,twitter-bootstrap,screen-resolution,Css,Twitter Bootstrap,Screen Resolution,当我使用屏幕分辨率1366 x 786时,下面的选择字段文本不完全可见 如何使用引导解决此问题 main.html <div class="row"> <div class="col-md-6 fieldHeight"> <div class="form-group"> <label for="oplossValDate" class="col-md-5 {{requiredstr}}"> O

当我使用屏幕分辨率1366 x 786时,下面的选择字段文本不完全可见

如何使用引导解决此问题

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>

OpLoss验证日期:
选择。。。
//这些列的代码

使用您周围的表单标签
并移除
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>

OpLoss验证日期:
选择。。。
//这些列的代码


有关更多信息,请参阅。

对于所有类型的代码疑问,我更喜欢此网站:

中删除此:
class=“col-md-7”
。如果我不指定引导类
col-md-7
,它将中断并将位置更改为下一行,请参见下面的答案,它解释了我要解释的内容。我准确地复制了您的代码并应用了,但由于某种原因,选择字段没有移动到下一行并打断其他字段。请将选择标记的父div替换为span标记。Div标签是块标签。我编辑答案,从上面复制代码。应该是工作。