Önyükleme girişleri arasındaki boşluklar çalışmıyor mu?

Aşağıdaki gibi önyükleme girişleri yapmaya çalışıyorum: http://www.bootply.com/CGvw04ljGK
Tamam! Bu Bootply örneği yapmak istediğim şey. Ama bunu sayfamda denediğimde işe yaramaz. Önyükleme girişleri arasındaki boşluklar çalışmıyor mu?

Bu benim kodudur:

<%@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>

Herkes yardımcı olabilir alanlar görüntünün gibi yok unutmayın? Girdiler arasındaki boşlukları koymak istiyorum.

Teşekkür

kaynak

2016-03-20 Julio Cesar Boaroli

Form grubu "form satırı" kullanın, böylece form grubu ihtiyaç duyduğu aralığı alır. Bu sınıflar ilgilidir. –

Bana bir örnek verebilir misiniz? –

Diğer bu gönderiyi deneyin: http://stackoverflow.com/questions/23581571/twitter-bootstrap-3-form-horizontal-and-multiple-input-columns-on-single-line –

formu etiketinden form yatay sınıf çıkarın ve sen bana bildirin hazır :)

kaynak

2016-03-20 22:51:22

Teşekkürler adamım! Haklısın ... Bu işe yarıyor! –

Sorun yok, kodlamaya devam edin :) –

böyle girdiler etrafında başka div ekleme

Dene:

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

eğer çalışırsa :)

kaynak

2016-03-20 22:33:58 callmeniko

Evet adamım, bu işe yarıyor. –

Hatayı bulduğumuza sevindim! :) Eğer cevabınız işe yaramazsa, cevabınız müteşekkir olur mu? : 3 – callmeniko

Üzgünüm, ama diğer cevap bundan daha iyidir, çünkü yanlış yaptığımı bana gösterdi. Kodun geri kalanı haklıydı. Ve cevabınız bana sorunu çözmek için alternatif bir kod gösterdi. –

Önyükleme girişleri arasındaki boşluklar çalışmıyor mu?

cevap

İlgili konular