Docy

Did You Know?

You can create any type of product documentation with Docy

Content

Image

Welcome to Docy!Documentation and examples for typography,including global settings,headings,body text,lists,and more.

Image with Caption

Images in Bootstrap are made responsive with .img-fluid. max-width:100%;and height:auto;are applied to the image so that it scales with the parent element.

image with caption
This is the image caption text.
<figure><img src="img/blog-single/single_post_img_two.jpg" class="img-fluid" alt="image with caption"><figcaption>This is the image caption text.</figcaption></figure>
HTML

Image Magnify

We designed Docy for the readers,optimizing not for page views or engagement — but reading. And it turns out that context is a vital part of learning.

large
<a href="img/img-large.jpg"><img class="img-fluid zoom" src="img/img-large.jpg" alt="large"></a>
HTML

Images Shapes

Easily create images in different shapes with adding one class to the <img>tag.

Round image
Circle image
Thumbnail
<img src="..." class="rounded" alt="Round image" ><img src="..." class="rounded-circle" alt="Circle image" ><img src="..." class="img-thumbnail" alt="Thumbnail" >
HTML

Aligning images

Align images with the helper float classesor text alignment classes. block-level images can be centered using the .mx-automargin utility class.

......
<div class="overflow-hidden mb-20"><img src="assets/images/thumb/l-1.jpg" class="rounded float-left" alt="..."><img src="assets/images/thumb/l-2.jpg" class="rounded float-right" alt="..."><div>
HTML
...
<div class="overflow-hidden mb-20"><img src="assets/images/thumb/l-1.jpg" class="rounded mx-auto d-block" alt="..."><div>
HTML
...
<div class="text-center mb-20"><img src="assets/images/thumb/l-1.jpg" class="rounded" alt="..."><div>
HTML

3 Comment

  • Issac Wise

    July 3,2020 at 2:14 pm

    Wouldn’t it be better practice to use get_the_title(..) in this case? directly accessing the post object’s data member would bypass applying filters and enforcing protected and private settings,unless that’s explicitly desired.

    Reply
    • Hans Down

      44 mins ago

      Thenks Demo User for Wouldn’t it be better practice to use get_the_title.

      Reply
    • Hans Down

      44 mins ago

      Dropped a clanger up the kyver easy peasy vagabond victoria sponge Charles tinkety tonk old fruit argy.!

      Reply
  • Chauffina Carr

    04 mins ago

    Wouldn’t it be better practice to use get_the_title(..) in this case? directly accessing the post object’s data member would bypass applying filters and enforcing protected and private settings,unless that’s explicitly desired.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

CONTENTS