ブートストラップのテキストnowrapクラスが応答しない

Question

私は自分のラベルの1つに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タグを閉じていませんでした。