Bootstrap文本nowrap类不响应

Question

我正在使用text-nowrap类为我的标签之一，以防止它包装在正常的桌面视图。但是，当我尝试调整浏览器的大小来检查响应性时，它会失败。该标签位于我的输入字段后面。

下面是我的HTML代码

<form role="form" class="form-horizontal"> 
    <div id="box" class="box-body" role="dynamic-fields"> 
    <div class="inline-form" id="inline-form"> 
     <div class="row clone"> 
      <div class="col-md-6"> 
       <div class="form-group"> 
       <label style="" for="inputPackageName" class="col-sm-3 control-label">Package 
        Name </label> 
        <div class="col-sm-8"> 
         <input type="text" class="form-control" id="inputPackageName" placeholder="Package Name"> 
        </div> 
       </div> 
      </div> 
      <div class="col-md-6"> 
       <div id="sample" class="form-group"> 
       <!-- style="margin-left: -8%;" --> 
       <label for="inputApplicationName" 
       class="col-sm-3 control-label text-nowrap">Application Name</label> 
       <div class="col-sm-8"> 
        <input type="text" class="form-control" id="inputApplicationName" 
        placeholder="Package Name"> 
       </div> 
       <button id="btn-close" class="btn btn-box-tool closebutton"> 
        <i class="fa fa-times"></i> 
       </button> 
      </div> 
     </div> 
    </div> 
</div> 
</div> 
</form> 

任何想法，如何解决这个问题？

Answer 1

你只是试试这个。

.text-nowrap { 
    white-space: nowrap; 
} 

Answer 2

.text_no_wrap{ 
    white-space : nowrap; 
} 

你也没有关闭form标签。