複数の要素が並んでいる整形式

Question

こんにちは、私はかなりhtml、css、javascript、jquerymobileに新しいです。私はそれがシンプルに思えるかもしれない質問があるが、私はそれを把握できない。

注：このプロジェクトにはhttps://ezoui.com/app/index.htmlというウェブサイトを使用しています。

ユーザーが異なる値を挿入できる形式（html/jquerymobileベース）を作成したい場合は、今すぐ問題になります。私はこれらの要素のいくつかをこのようなラインにしたい。

[ラベル] [にtextArea /入力] _______whitespace_______________ [ラベル] [にtextArea /入力]

[ラベル] [にtextArea /入力] _______whitespace_______________ [ラベル] [にtextArea /入力]

[ラベル] [ textArea/input]

私はラベルとテキストエリアを複数行ではなく取得することしかできません。

どのような提案や例があります。

Answer 1

p { 
 
    float: left; 
 
    margin-right: 15px !important; 
 
}

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

 

 

 
<div class="row"> 
 
    <div class="col-xs-6"> 
 
    <p>some Label</p> 
 
    <input type="text"> 
 
    </div> 
 
    <div class="col-xs-6"> 
 
    <p>some other Label</p> 
 
    <input type="text"> 
 
    </div> 
 
</div> 
 
<div class="row"> 
 
    <div class="col-xs-6"> 
 
    <p>sweg</p> 
 
    <input type="text"> 
 
    </div> 
 
    <div class="col-xs-6"> 
 
    <p>another</p> 
 
    <input type="text"> 
 
    </div> 
 
</div>