ブートストラップ入力間のスペースが機能しませんか？

私はこのように、ブートストラップ入力をしようとしています：http://www.bootply.com/CGvw04ljGK
OK！このBootplyの例は私が作ろうとしているものです。しかし、これを私のページで試してみると、これはうまくいかない。スペースは画像のように消えることに注意してください：ブートストラップ入力間のスペースが機能しませんか？

は、これは私のコードです：

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css"> 
    <link href="http://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="../css/todo.css"> 
    <style type="text/css"> 
     #myPage{ 
      overflow-x:hidden; 
     } 
    </style> 
</head> 
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60"> 
    <div class="container-fluid"> 
     <div class="row"> 
      <div class="col-md-8 col-md-offset-2 white-color"> 
       <h1>Cadastro de Produtos</h1> 
       <form id="novoProdutoForm" method="post" class="form-horizontal container-fluid"> 
        <div class="row"> 
         <div class="col-md-4 form-group"> 
          <input type="text" class="form-control"> 
         </div> 
         <div class="col-md-4 form-group"> 
          <input type="text" class="form-control"> 
         </div> 
         <div class="col-md-4 form-group"> 
          <input type="text" class="form-control"> 
         </div> 
        </div> 
       </form> 
      </div> 
     </div> 
    </div> 
</body> 
</html>

誰でも助けることができますか？私は入力の間にスペースを入れたい。このような入力の周りに別のdivを追加

おかげ

出典

2016-03-20 Julio Cesar Boaroli

使用フォームクラス「フォームインライン」というフォームグループは、それが必要との間隔を取得しますので。これらのクラスは関連しています。 –

私に例を教えてもらえますか？ –

この他のポスト試してみてください：http://stackoverflow.com/questions/23581571/twitter-bootstrap-3-form-horizontal-and-multiple-input-columns-on-single-line –

フォームタグからフォームの水平クラスを削除します準備:)

出典

2016-03-20 22:51:22

ありがとうございました！あなたは正しい...これは動作します！ –

問題はありません。 –

試してみてください。

<div class="col-sm-4"> 
    <div> 
     <input class="form-control"> 
    </div> 
</div>

それが動作するかどうか、私に教えてください:)

出典

2016-03-20 22:33:58 callmeniko

を男はい、これは動作します。 –

私は間違いを発見してうれしいです！ :)私の答えが曇っていると感謝しますか？：3 – callmeniko

申し訳ありませんが、他の答えはこれよりも優れています。残りのコードは正しいものでした。あなたの答えは私にこの問題を解決するための代替コードを示しました。 –

ブートストラップ入力間のスペースが機能しませんか？

答えて

関連する問題