无法获取项目在

Question

我使用bootstrap v.3，我试图让使用form-horizontal类在同一行的项目在同一行，但我不能得到这个工作，请参见下面的代码：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
    <div class="grid one-half"> 
 
\t  <div class="form-horizontal"> 
 
      <div class="form-group"> 
 
       <img id="footer-logo" src="#" alt=""> 
 
\t \t \t  <div id="copyright"> 
 
\t \t \t \t \t <p>All Rights Reserved.</p> 
 
\t \t \t \t </div><!--/#copyright--> 
 
       <div id="credit"> 
 
        <p>Powered by <a href="http://wordpress.org" rel="nofollow">WordPress</a>.</p> 
 
       </div><!--/#credit--> 
 
\t \t  </div> 
 
     </div> 
 
    </div>

我究竟做错了什么？谢谢。

Answer 1

是this你在找什么？

<form class="form-inline"> 

    <div class="form-group"> 
     <img id="footer-logo" src="http://innovativeprofessionaloffices.com/wp-content/uploads/2014/07/seo-for-small-business.jpg" alt=""> 
    </div> 

    <div class="form-group"> 
    <div id="copyright"> 
        <p>All Rights Reserved.</p> 
    </div><!--/#copyright--> 
    </div> 

    <div class="form-group"> 
    <div id="credit"> 
     <p>Powered by <a href="http://wordpress.org" rel="nofollow">WordPress</a>.</p> 
    </div><!--/#credit--> 
</div> 
</form> 

价：Forms Bootstrap

Answer 2

使用style =“display：inline-block;”

<div class="grid one-half"> 
    <div class="form-horizontal"> 
     <div class="form-group" > 
      <img id="footer-logo" src="#" alt="" style="display:inline-block;"> 
      <div id="copyright" style="display:inline-block;"> 
       <p>All Rights Reserved.</p> 
      </div><!--/#copyright--> 
      <div id="credit" style="display:inline-block;"> 
       <p>Powered by <a href="http://wordpress.org" rel="nofollow">WordPress</a>.</p> 
      </div><!--/#credit--> 
     </div> 
    </div> 
</div> 

Answer 3

.form-group{ 
    display: inline-flex; 
}