ボタンと段落が並んでいない、応答しない

Question

チェックボックスボタンと段落が並んでいます。

見て...それは、インラインブロックだとすべてがいいです：私は応答の中に私の見解を回すと

、それだけでラインをドロップダウン。このように： CSSでこの問題を克服するにはどうしたらいいですか？ありがとう！

re code;それらは2列であり、ボタンと段落は左列にあります。

CODE ADDITIONのために編集：

<div class="row no-pad"> 
      <div class="col-xs-6 left-hand-input"> 

       <!--FORM BEGIN--> 
       <form class="form-control-static" action="leadGen.php" method="post"> 
        <p>PERSONAL DETAILS</p> 
        <hr> 
        <label for="firstName">FIRST NAME:</label><br> 
        <input name="firstName" id="firstName" type="text"><br> 
        <label for="email">EMAIL:</label><br> 
        <input name="email" id="email" type="email"> 

        <p>SHIPMENT ADDRESS</p> 
        <hr> 
        <label for="address">ADDRESS:</label><br> 
        <input name="address" id="address" type="text"><br> 
        <label for="country">COUNTRY:</label><br> 
        <input name="country" id="country" type="text"><br> 
        <label for="zip">ZIP CODE:</label><br> 
        <input name="zip" id="zip" type="text"><br> 
        <input type="submit" id="submit" value="SEND"> 

        <p style="display: inline-block; vertical-align: -10px;">&nbsp;&nbsp;&nbsp;*Required fields</p><br> 
<input checked type="checkbox" id="mailingList"/> 
<p style="display: inline-block; font-size: 75%;">&nbsp;&nbsp;&nbsp; 
Receive exclusive membership deals and offers.</p> 
       </form> 
      </div> 

      </div> 

Answer 1

それはチェックボックスまたは特定の任意の入力型タグのためのものであるならば、より適切な選択は、代わりlabelタグを使用することであろう段落の

属性にはというラベルを付けても問題ありません。あなたがここにラベル

<label><input type="checkbox" value=" id="mailingList">Receive exclusive membership deals and offers.</label> 

を使用する必要が

<div id="wrapper"> 
<input type="checkbox" id="btn"> check 
    <label for="btn"> 
    this should not shift 
    </label> 
</div> 

Answer 2

はjsfiddleデモです：https://jsfiddle.net/o4qgu4gv/2/

それは可能性があるため、あなたはまた、代わりにCOL-XS-6のCOL-SM-6を使用して検討すべきですiPhone 4の画面でうまく見える