HTML5コード

Question

<div class="preview_timeline"> 
         <div class="timeline_v1"> 
          <ul> 
           <li> 
             <div> 
             <img src="images/notepad.png"> 
             <label>17 July</label></div> 
           </li> 

           <li> 

            <div class="dox"> 
             <div class="dox_img"> 
              <img src="images/dox.png"> 
             </div> 
             <div class="dox_write"> 
              <h3><span  class="dox_preview">preview</span>_timeline_v1.jpg<span class="tag"> TAG</span> </h3> 
              <p>Attached to the comment <u>timeline_wireframes</u> By <u>Bharat</u></p> 
              <p><a href="#"><u>Download</u></a></p> 
              <span class="timeline">timeline x</span> 
             </div> <!-- <!eodox write --> 
            </div><!-- <! eo dox --> 

           </li> 
          </ul> 

こんにちは、私は私は、Li内のdivを置いている中で、ブートストラップフレームワークを使用して、このコードを、やって、私の最初のリンク要素はdiv要素の底に近い来ています。私はそれらを一列にしたい。

Answer 1

<li>が互いに隣接しているようにするには、ブートストラップにlist-inlineクラスがあります。

ex。

<ul class="inline-list"> <li></li> <li></li> </ul>