0

検索ボックスは、バーの幅に関して小さすぎます (カスタマイズするためにナビゲーション バーの代わりにバーを使用します)。検索バーをより広くするにはどうすればよいですか?さらに、検索ボックスの高さを次のように変更するにはどうすればよいですか?画面の一番上？

<div  class="bar navbar-inverse navbar-fixed-top">
    <div class="container">
        <span id="logo">  
            <a href="main.php">XYZ</a>
        </span>
        <span  class="col-xs-5 right-inner-addon has-feedback">
               <form class="form-inline" role="form">
                 <div class="form-group has-feedback">
                 <label class="control-label" for="inputSuccess4"></label>
                 <input type="text" class="form-control" id="inputSuccess4">
                 <span class="glyphicon glyphicon-search form-control-feedback"></span>
                 </div>
               </form>             
        </span>
    </div>   
</div>

    .right-inner-addon {
        padding-top: 5px;
        padding-left:30px;
        position: relative;
    }
    .right-inner-addon input {
    width: 500px;
    height: 30px;
    padding: 0px 5px;
}
    .right-inner-addon i {
        position: absolute;
        right: 0px;
        padding: 10px 6px;
        pointer-events: none;
    }
4

1 に答える 1

0

form-controladdのスタイリングでwidth= *insert width here*。それはうまくいくはずです

于 2014-05-10T20:26:45.927 に答える