2017-01-24 1 views
-1

Ich habe ein Problem beim Erstellen eines Formulars mit Boostrap. besonders auf Auswahl. Bitte helfen :(Wie schreibe ich ein Skript Formular mit Bootrap auswählen?

<div class="form-group"> 
    <label for="jenis_pendidikan" class="col-md-2 control-label">Jenis Pendidikan</label> 

    <div class="col-md-6"> 
     <select id="jenis_pendidikan" class="form-control" name="jenis_pendidikan"> 
      <option>SD</option> 
      <option>SMP</option> 
      <option>SMA/SMK</option> 
      <option>Perguruan Tinggi</option> 
     </select> 

    </div> 
</div> 

Source

. Ergebnis:

Display

+0

Ich habe versucht, Ihren Code in jsfiddle https://jsfiddle.net/r7dx97rm/ und alles sieht gut aus. –

+0

Ich kann es hier arbeiten sehen https://jsfiddle.net/go4vaibhav/jn06j1p1/ – VPK

Antwort

0

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
<title>Bootstrap Case</title> 
 
<meta charset="utf-8"> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet"    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">  </script> 
 
<link href="https://fonts.googleapis.com/css?family=Catamaran:100|Luckiest+Guy|Quicksand:300|Asap:700|Montserrat:700|Open+Sans|Roboto|Signika:700" rel="stylesheet"/> 
 
</head> 
 
<body> 
 
<div class="form-group"> 
 
         
 

 
         <div class="col-md-6"> 
 
          <label for="jenis_pendidikan">Jenis Pendidikan</label> 
 
           <select id="jenis_pendidikan" class="form-control" name="jenis_pendidikan"> 
 
            <option>SD</option> 
 
            <option>SMP</option> 
 
            <option>SMA/SMK</option> 
 
            <option>Perguruan Tinggi</option> 
 
           </select> 
 

 
         </div> 
 
        </div> 
 
</body> 
 
</html>

Werfen Sie einen Blick auf das obige Snippet es Arbeit ist

Sie müssen die label direkt über Ihre select setzen.

Hoffe, das hilft!

+0

Vielen Dank für die Antwort. sehr hilfreich :) –

+0

Wenn es hilfreich war, bitte akzeptieren Sie die Antwort. – neophyte

Verwandte Themen