form-line 樣式 讓 兩個控件在同一個水平位置


  1. <div class="row">  
  2.             <div>  
  3.                 <label class="form-inline">參加單位:<input type="text" class="form-control" /></label>  
  4.             </div>
  5. </div>  

主要就是添加form-inline就可以了

如果是一個文本框和一個按鈕的話那么只需要在外側用div包含,然后使用form-inline屬性就可以

  1. <div class="row">  
  2.            <div class="form-inline">  
  3.                <input type="text" class="form-control" placeholder="關鍵字" />  
  4.                <button class="btn btn-primary">搜 索</button>  
  5.            </div>  
  6. </div>  

 

在HTML中,讓兩個DIV在同一行顯示,就是通過float屬性來設置的,我們可以通過設置3個div,然后第一個div包裹住其他2個div,然后在設置寬高就可以了,我提交一段代碼:
<html>
<head>
<title>DIV的同行測試</title>
</head>

<body>
<div>
<div style='flaot:left; width:330px; height:200px;'>
<p>我是左邊的固定測試文字</p>
</div>
<div style='flaot:left; width:330px; height:200px;'>
<p>我是右邊的固定測試文字</p>
</div>
</div>
</body>

</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM