HTML Bootstrap Grid Frage mit Foto

[evian1]

Hallo zusammen habe folgendes Problem

ich versuche auf eine Seite 1 Tabelle darzustellen was mir gelungen ist. Jetzt wollte ich einfach nur Textfelder anzeigen lassen aber nicht untereinander sondern Platz sparend nebeneinander.

Hier ein Foto wie ich mir das vorstelle



Mein Quellcode ist dieser für die Box rechts neben der Tabelle

<div class="col-md-3">						<!-- Box rechts rechts -->      
      <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">Test</h3>
         

<form class="form-horizontal">
              <div class="box-body">
                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-4 control-label">Vorname</label>

Für die Tabelle ganz links

<section
          <div class="box">
            <div class="box-header">
			
            <!-- /.box-header -->
           <div class="box-body">
			<div class="row">
			<div class="col-md-4">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>ID</th>
                  <th>Vorname</th>
                  <th>Nachname</th>
                </tr>

Kurz die Frage nochmal wie bekomme ich die zweite Tabelle rechts Positioniert?

 

[cRz7]

Zu Bootstrap gibt es doch eine Top gepflegte Doku. Warum da nicht reinschauen?

http://holdirbootstrap.de/css/#forms

Du musst erstmal deinem <form> die klasse form-inline geben. Anschließend werden die inputs, welche inline angezeigt werden sollen, mit einem div der klasse from-group umschlossen.

 

[Andreas10000]

Hier stand müll

 

[evian1]

Das ist ja das Problem das mit den Formen verstehe ich nicht

Angenommen es steht folgendes

Möglichkeit 1

<form>
Tabelle 1
</form>

<form>
Tabelle 1
</form>

Hier wird das ja einfach ganz nach unten verschoben



Möglichkeit 2

<form>
Tabelle 1


      <form>
      Tabelle 1
     </form>
</form>

Hier landet der da zwischen irgendwo

 

[cRz7]

Du erstellst ja auch kein Formular im Formular, dein code müsste circa so aussehen

<section>
<div class="row">
<div class="col-md-3>
Hier der Code deiner Tabelle
</div>

<div class="col-md-3>
<form class="form-inline>
<div class="form-group>
<label for="beispielFeldName2">Vorname</label>
<input type="text" class="form-control" id="beispielFeldName2" placeholder="Vorname">
</div>
<div class="form-group>
<label for="beispielFeldName3">Nachname</label>
<input type="text" class="form-control" id="beispielFeldName3" placeholder="Nachname">
</div>
</form>
</div>
</div>

 

[evian1]

Vielen Dank

hab die Lösung jetzt