Only registered users can edit. The registration requests please send to nablawiki@gm**l.com

Разница между страницами «HTML:Ex:Getbootstrap.com/components/Media object/Media list» и «HTML:Ex:Getbootstrap.com/components/Media object/Media list/wiki»

Материал из Chameleon Test
(Различия между страницами)
Перейти к:навигация, поиск
Первая страница
Вторая страница
 
 
Строка 1: Строка 1:
<ul class="media-list">
+
<ul class="media-list corr-plainlist">
 
   <li class="media">
 
   <li class="media">
 
     <div class="media-left">
 
     <div class="media-left">
      <a href="#">
+
[[#|
        <img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
+
<img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
      </a>
+
]]
 
     </div>
 
     </div>
 
     <div class="media-body">
 
     <div class="media-body">
       <h4 class="media-heading">Media heading</h4>
+
       <p class="h4 media-heading">Media heading</p>
 
       <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
 
       <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
      Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
+
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
 
       <!-- Nested media object -->
 
       <!-- Nested media object -->
 
       <div class="media">
 
       <div class="media">
 
         <div class="media-left">
 
         <div class="media-left">
          <a href="#">
+
[[#|
            <img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
+
<img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
          </a>
+
]]
 
         </div>
 
         </div>
 
         <div class="media-body">
 
         <div class="media-body">
           <h4 class="media-heading">Nested media heading</h4>
+
           <p class="h4 media-heading">Nested media heading</p>
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
          Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
 
           <!-- Nested media object -->
 
           <!-- Nested media object -->
 
           <div class="media">
 
           <div class="media">
 
             <div class="media-left">
 
             <div class="media-left">
              <a href="#">
+
[[#|
                <img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
+
<img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
              </a>
+
]]
 
             </div>
 
             </div>
 
             <div class="media-body">
 
             <div class="media-body">
               <h4 class="media-heading">Nested media heading</h4>
+
               <p class="h4 media-heading">Nested media heading</p>
              Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
              Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Строка 39: Строка 39:
 
       <div class="media">
 
       <div class="media">
 
         <div class="media-left">
 
         <div class="media-left">
          <a href="#">
+
[[#|
            <img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
+
<img src="http://dummyimage.com/64x64.png" class="media-object" alt="64x64">
          </a>
+
]]
 
         </div>
 
         </div>
 
         <div class="media-body">
 
         <div class="media-body">
           <h4 class="media-heading">Nested media heading</h4>
+
           <p class="h4 media-heading">Nested media heading</p>
          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
+
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo.  
          Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
+
Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
 
         </div>
 
         </div>
 
       </div>
 
       </div>