en-USde-DE
Language
Search
× Search
Menu
  1. Home
  2. Blog
  3. Gallery
  4. Groups
  5. Features
  6. Pages
  7. Contact us
    Address: Some address goes here
    Phone: +12 345 678 9
    Fax: +12 345 678 9
    Email: email@email.com
    Web: www.webpage.com

    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica.

Sunday, August 19, 2018
FeaturesTypographyResponsive Images

Responsive Images

RESPONSIVE IMAGES

<img src="/portals/0/..." class="img-responsive" alt="Responsive image">

Image shapes

  

<img alt="" src="/portals/0/Images/image.png" style="margin-right: 20px;" class="img-rounded" />
  <img alt="" src="/portals/0/Images/image.png" style="margin-right: 20px;" class="img-circle" />
  <img alt="" src="/portals/0/Images/image.png" class="img-thumbnail"  style="margin-right: 20px;" />
  <img alt="" src="/portals/0/Images/image.png" class="img-circle-thumbnail" />

Thumbnails

<a class="thumbnail" href="#"><img alt="" src="/portals/0/Images/image370180.png" class="img-responsive"></a>
<a class="eds_thumbnail" href="#"><img alt="" src="/portals/0/Images/image.png" class="img-responsive"></a>
<a class="eds_thumbnail eds_edsCircleThumbnail" href="#"><img alt="" src="/portals/0/Images/image.png" class="img-responsive"></a>

Custom content

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

Thumbnail label

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Button Button

View Code
<div class="row">
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="" src="/portals/0/Images/image370180.png" class="img-responsive">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="" src="/portals/0/Images/image370180.png" class="img-responsive">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img alt="" src="/portals/0/Images/image370180.png" class="img-responsive">
          <div class="caption">
            <h3>Thumbnail label</h3>
            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
            <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
          </div>
        </div>
      </div>
    </div>

EasyDNNstyleWizard