Preview Text

If you aren’t familiar with preview text, it is the text that shows up in your inbox as a preview of the content inside the email. Here is more info about what it is and how it works on Litmus.com

Bootstrap Email has a custom <preview> tag you can use to define preview text in your emails. This way it will show up as a preview of your email in your inbox but will be completely hidden when viewing the email itself.

<preview>This text will show up as a preview but not in the email!</preview>

The message will also be padded with &nbsp; at the end of the message so that if you have a short preview text the contents of the email will not flow into the inbox preview.

Note: This element will be moved to just under the <body> tag when compiled. I would suggest keeping it in the top of your document for your sake but it can really be anywhere.