These bootstrap image classes do require using the actual image path of an image. If you are unsure about how to upload and image and access it's path, please follow the steps in this adding images tutorial.
Using the built in classes of bootstrap, you can easily set your images with rounded corners, circles or thumbnail shaped.
Rounded Edges
- Open the edit screen for your site and click on in the WYSWIYG editor to switch off the rich text editor.
- Copy and paste the code below.
- Substitute the IMG PATH with the path of your image.
- The image will show on your page with rounded corners.
<img src="IMG PATH" class="rounded" />
Circle
- Open the edit screen for your site and click on in the WYSWIYG editor to switch off the rich text editor.
- Copy and paste the code below.
- Substitute the IMG PATH with the path of your image.
- The image will show on your page as a circle.
<img src="IMG PATH" class="rounded-circle" />
Thumbnail Style
- Open the edit screen for your site and click on in the WYSWIYG editor to switch off the rich text editor.
- Copy and paste the code below.
- Substitute the IMG PATH with the path of your image.
- The image will show on your page as a thumbnail.
<img src="IMG PATH" class="img-thumbnail"/>