送信ボタンがブートストラップフォームのテキストフィールドの下にスタックするのを防ぐにはどうすればよいですか?

コナーログ

http://codepen.io/anon/pen/WQQpyg

大画面ではこれは問題ありませんが、ブラウザウィンドウを縮小すると、送信ボタンがテキストフィールドの下に移動します。これは、cssを使用してフォームに背景色を追加しようとすると問題が発生します。誰かがこれを防ぐ方法を知っていますか?

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>

<body>
    <div>
      <form class="form-inline" role="form">
        <div class="form-group">
          <input type="email" class="form-control" id="email" placeholder="Enter Email Address">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>
    </div>
</body>
アダムブキャナンスミス

これはあなたが探しているものですか?https://jsfiddle.net/DIRTY_SMITH/2zkwxm97/

追加されましたcol-xs-4<div class="form-group col-xs-4">

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

フレックスダッシュボードコンテナで追加のテキストによってテーブル(データテーブル)が切り捨てられるのを防ぐにはどうすればよいですか?

分類Dev

ページのリロード/更新がフォームと呼ばれるajaxを送信し、テキストとアップロードされたファイル/画像を取得するのを防ぐにはどうすればよいですか?

分類Dev

フレックスボックスにテキスト入力フィールドが含まれている場合、フレックスボックスが広くなるのを防ぐにはどうすればよいですか?

分類Dev

すべてのスキーマバインドビュー(および「フィルター処理されたインデックス」のようなテーブルの切り捨てを防ぐ他のオブジェクト)をスクリプト化するにはどうすればよいですか?

分類Dev

ユーザーがプログラムでSwiftiosのDeleteボタンをクリックしたときに、カーソルをあるテキストフィールドから別のテキストフィールドに自動的に移動するにはどうすればよいですか?

分類Dev

フラッターでフォーカスを次のテキストフィールドに移動するにはどうすればよいですか?

分類Dev

フラッター:ボタンを使用して、テキストフィールド内のテキストの配置をプログラムで変更するにはどうすればよいですか?

分類Dev

iTerm2ホットキーウィンドウがフォーカスを失うのを防ぐにはどうすればよいですか?

分類Dev

カスタムクリックアンドドラッグを角度で行うときに、デフォルトのカーソルスタイル(テキストセレクター)を無効にするにはどうすればよいですか?

分類Dev

グリッドビューテンプレートフィールドの境界フィールドにテキストボックスのフォントサイズを設定するにはどうすればよいですか?

分類Dev

テキストフィールドがID「myid」を「myid-tokenfield」、ブートストラップのトークンフィールドに変更しないようにするにはどうすればよいですか?

分類Dev

初期化/アクティブ化イベント中にVBAフォームのテキストボックスにフォーカスを送信するにはどうすればよいですか?

分類Dev

ターミナルを開くが、デフォルトのホームとは異なるディレクトリの下にあるデスクトップの「ショートカット」を作成するにはどうすればよいですか?

分類Dev

テキストフィールドの値をSwiftのボタンクリック関数に渡すにはどうすればよいですか?

分類Dev

Swift3のボタンクリック関数にテキストフィールドの値を渡すにはどうすればよいですか?

分類Dev

フォーム送信以外のボタンをクリックした後、jspページのセッションにテキストボックスの値を追加するにはどうすればよいですか?

分類Dev

エディットテキストの下のテキストビュー/カウンターを非表示にしないようにソフトキーボードを強制するにはどうすればよいですか?

分類Dev

デフォルトのメッセージでハブを使用して(テキストエディターを開かずに)プルリクエストを送信するにはどうすればよいですか?

分類Dev

リスト内のアイテムがC#ウィンドウフォームアプリケーションのカスタムオブジェクトであるときに、CheckedListBoxのボックスをチェックするにはどうすればよいですか?

分類Dev

PHP Guzzleは、フォークされたプロセスで空のコンテンツを含む空のボディストリームを提供しますが、ストリームラッパーのURIをカスタムのものに変更するにはどうすればよいですか?

分類Dev

ブートストラップのフォームコントロールのポップオーバーで必須フィールドのデフォルトメッセージを変更するにはどうすればよいですか?

分類Dev

テキストファイルのデータをクリップボードにコピーするにはどうすればよいですか?

分類Dev

Windows 8がデフォルトで「マウスとキーボードセンター」になっている場合、マウスボタンのプロパティタブを見つけるにはどうすればよいですか?

分類Dev

ブートストラップの送信ボタンにコールバック関数を設定するにはどうすればよいですか?

分類Dev

Winフォームでグループボックスのテキスト配置を中央に配置するにはどうすればよいですか?

分類Dev

C#でボタン、テキストボックス、フォーム、グループボックスの丸いエッジを作成するにはどうすればよいですか?

分類Dev

テキストボックスをMSAccessのサブフォームのリンクされた子フィールドにバインドするにはどうすればよいですか?

分類Dev

TYPO3ページテンプレートで定義されたフラックスフォームフィールドをフレックスフィールドの代わりにデータベース列に保存するにはどうすればよいですか?

分類Dev

ボタンをカードフッター(ブートストラップ)の中央に揃えるにはどうすればよいですか

Related 関連記事

  1. 1

    フレックスダッシュボードコンテナで追加のテキストによってテーブル(データテーブル)が切り捨てられるのを防ぐにはどうすればよいですか?

  2. 2

    ページのリロード/更新がフォームと呼ばれるajaxを送信し、テキストとアップロードされたファイル/画像を取得するのを防ぐにはどうすればよいですか?

  3. 3

    フレックスボックスにテキスト入力フィールドが含まれている場合、フレックスボックスが広くなるのを防ぐにはどうすればよいですか?

  4. 4

    すべてのスキーマバインドビュー(および「フィルター処理されたインデックス」のようなテーブルの切り捨てを防ぐ他のオブジェクト)をスクリプト化するにはどうすればよいですか?

  5. 5

    ユーザーがプログラムでSwiftiosのDeleteボタンをクリックしたときに、カーソルをあるテキストフィールドから別のテキストフィールドに自動的に移動するにはどうすればよいですか?

  6. 6

    フラッターでフォーカスを次のテキストフィールドに移動するにはどうすればよいですか?

  7. 7

    フラッター:ボタンを使用して、テキストフィールド内のテキストの配置をプログラムで変更するにはどうすればよいですか?

  8. 8

    iTerm2ホットキーウィンドウがフォーカスを失うのを防ぐにはどうすればよいですか?

  9. 9

    カスタムクリックアンドドラッグを角度で行うときに、デフォルトのカーソルスタイル(テキストセレクター)を無効にするにはどうすればよいですか?

  10. 10

    グリッドビューテンプレートフィールドの境界フィールドにテキストボックスのフォントサイズを設定するにはどうすればよいですか?

  11. 11

    テキストフィールドがID「myid」を「myid-tokenfield」、ブートストラップのトークンフィールドに変更しないようにするにはどうすればよいですか?

  12. 12

    初期化/アクティブ化イベント中にVBAフォームのテキストボックスにフォーカスを送信するにはどうすればよいですか?

  13. 13

    ターミナルを開くが、デフォルトのホームとは異なるディレクトリの下にあるデスクトップの「ショートカット」を作成するにはどうすればよいですか?

  14. 14

    テキストフィールドの値をSwiftのボタンクリック関数に渡すにはどうすればよいですか?

  15. 15

    Swift3のボタンクリック関数にテキストフィールドの値を渡すにはどうすればよいですか?

  16. 16

    フォーム送信以外のボタンをクリックした後、jspページのセッションにテキストボックスの値を追加するにはどうすればよいですか?

  17. 17

    エディットテキストの下のテキストビュー/カウンターを非表示にしないようにソフトキーボードを強制するにはどうすればよいですか?

  18. 18

    デフォルトのメッセージでハブを使用して(テキストエディターを開かずに)プルリクエストを送信するにはどうすればよいですか?

  19. 19

    リスト内のアイテムがC#ウィンドウフォームアプリケーションのカスタムオブジェクトであるときに、CheckedListBoxのボックスをチェックするにはどうすればよいですか?

  20. 20

    PHP Guzzleは、フォークされたプロセスで空のコンテンツを含む空のボディストリームを提供しますが、ストリームラッパーのURIをカスタムのものに変更するにはどうすればよいですか?

  21. 21

    ブートストラップのフォームコントロールのポップオーバーで必須フィールドのデフォルトメッセージを変更するにはどうすればよいですか?

  22. 22

    テキストファイルのデータをクリップボードにコピーするにはどうすればよいですか?

  23. 23

    Windows 8がデフォルトで「マウスとキーボードセンター」になっている場合、マウスボタンのプロパティタブを見つけるにはどうすればよいですか?

  24. 24

    ブートストラップの送信ボタンにコールバック関数を設定するにはどうすればよいですか?

  25. 25

    Winフォームでグループボックスのテキスト配置を中央に配置するにはどうすればよいですか?

  26. 26

    C#でボタン、テキストボックス、フォーム、グループボックスの丸いエッジを作成するにはどうすればよいですか?

  27. 27

    テキストボックスをMSAccessのサブフォームのリンクされた子フィールドにバインドするにはどうすればよいですか?

  28. 28

    TYPO3ページテンプレートで定義されたフラックスフォームフィールドをフレックスフィールドの代わりにデータベース列に保存するにはどうすればよいですか?

  29. 29

    ボタンをカードフッター(ブートストラップ)の中央に揃えるにはどうすればよいですか

ホットタグ

アーカイブ