どのように私はタイプ日付の入力フィールドから余分なスペースを削除するには

Question

私はいくつかの入力、date型のいずれかでのdivを持っていると私は要素ここ

から空白を削除するコード

<div class="form-group form-inline"> 
     <input id="jumbotronSearch" type="text" class="form-control input-lg" placeholder="Location" min="5" max="50" required/> 
     <input id="jumbotronDate" type="date" class="form-control input-lg" value="@DateTime.Now.Date.ToShortDateString()" readonly/> 
     <button id="jumbotronSearch" type="submit" class="btn btn-default btn-lg">Search</button> 
    </div> 

です

などがあります。私は日付の後にすべての余分なスペースをremvoveしたい。

私はCSSの幅を100％に設定しようとしましたが、ホワイトスペース：nowrapがそれをしませんでした。応答ソリューションについては

Answer 1

あなたはこの変更しようとしている：CSSで次に

<input id="jumbotronDate" type="date" class="form-control form-date input-lg" value="@DateTime.Now.Date.ToShortDateString()" readonly/> 

に

.form-date{max-width:60%} 

かがある場合を

<input id="jumbotronDate" type="date" class="form-control input-lg" value="@DateTime.Now.Date.ToShortDateString()" readonly/> 

をあなたのページ

#jumbotronDate{max-width:60%} 

日付の幅に設定されたブートストラップ値があるとして

ので、それを上書きする、または任意のブートストラップの制約を上書きする!importantを追加するために、最大幅を使用する上で唯一の日付。