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

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

Материал из Chameleon Test
(Различия между страницами)
Перейти к:навигация, поиск
Первая страница
Вторая страница
 
 
Строка 1: Строка 1:
 
<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">
 
     <p class="h4 media-heading">Media heading</p>
 
     <p class="h4 media-heading">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.  
    Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
 
   </div>
 
   </div>
 
</div>
 
</div>
 
<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">
 
     <p class="h4 media-heading">Media heading</p>
 
     <p class="h4 media-heading">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.  
    Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
 
     <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">
 
         <p class="h4 media-heading">Nested media heading</p>
 
         <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.  
        Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
+
Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Строка 41: Строка 41:
 
   <div class="media-body">
 
   <div class="media-body">
 
     <p class="h4 media-heading">Media heading</p>
 
     <p class="h4 media-heading">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 class="media-right">
 
   <div class="media-right">
    <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>
 
</div>
 
<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">
 
     <p class="h4 media-heading">Media heading</p>
 
     <p class="h4 media-heading">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 class="media-right">
 
   <div class="media-right">
    <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>
 
</div>