profile image bootstrap code example

Example 1: bootstrap class align center image

class="mx-auto d-block"

Example 2: bootstrap profile picture

<img src="..." alt="..." class="img-thumbnail">

Example 3: bootstrap image size

.food1 img {
    width:100%;
    height: 230px;
}

Example 4: edit profile photo bootstrap

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="profile-container">
   <image id="profileImage" src="http://lorempixel.com/100/100" />
</div>
<input id="imageUpload" type="file" 
       name="profile_photo" placeholder="Photo" required="" capture>