CSS：ここ

Question

を左に移動ボタンが私の現在のUIである：

[！[ここに画像の説明を入力] [1] [1]

を私は絵に示す赤いボタンを移動したいと思います入力の左側に移動します。これまではmargin-leftというプロパティを追加しようとしましたが、うまくいきませんでした。誰かがボタンを左に動かす方法を提案していますか？私はそれを一番下の入力フィールドに合わせたいと思っています。

Answer 1

ブートストラップ3にはInput Groupというコントロールがあります。単に移動<input>上または下<div class="input-group-btn">

Answer 2

があなたのボタンに

style="position:absolute" 

を置き、左または右にボタンを移動するには：

<div class="input-group"> 
    <div class="input-group-btn"> 
     <button type="button" class="btn btn-default"> 
      <span class="glyphicon glyphicon-search"></span> 
     </button> 
    </div> 
    <input type="text" class="form-control"> 
</div> 

注：あなたはこのようにそれを使用することができますその後、Leftで移動することができます。 20ピクセル、それが働いた：

Answer 3

ソリューションこの

<div class="col-lg-6"> 
    <div class="input-group"> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button">Go!</button> 
     </span> 
     <input type="text" class="form-control" placeholder="Search for..."> 
    </div><!-- /input-group --> 
    </div><!-- /.col-lg-6 --> 

Answer 4

を試してみて、私は余裕右を追加しました代わりにマージン左を追加するので、思ったよりも簡単でした。