6

I am tried more then 20 times to getting button with href using bootstrap in mail tamplate but it not give right output.

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<a href="http://google.com" class="btn btn-success">Yes</a>
dhamo dharan
  • 138
  • 2
  • 11
  • 2
    I think you are not allowed to link styles in mail template. You need to set the style in the old school way: raw css in head section – manix Feb 25 '16 at 13:37
  • thank for your suggestion..why bootstrap not supporting in mail template..?? – dhamo dharan Feb 25 '16 at 13:39
  • 1
    @manix Even ` – Bogdan Feb 25 '16 at 13:50
  • 1
    @dhamodharan you might want to have a look at [Laravel Mail CSS Inliner](https://github.com/fedeisas/laravel-mail-css-inliner). That should inline only the necessary styles from the bootstrap css for each element. – Bogdan Feb 25 '16 at 13:51
  • thank you @manix Even ..that's help me.. – dhamo dharan Feb 25 '16 at 13:55
  • Take a look at [markdown mail](https://laracasts.com/series/laravel-from-scratch-2017/episodes/27) – jx12345 Sep 18 '18 at 12:24

2 Answers2

4

Unfortunately, it appears that Gmail does not support link or style tags ANYWHERE in the HTML. This is getting seriously annoying

M Zishan
  • 41
  • 5
2

You can't use the link tag in most of the emails. Because not many email clients support this, best to just forget it. I guess you need to put the CSS in there raw. Example:

<style>
    // All the bootstrap css
</style>

But I recommend (if you want to do it your own way) to style your own button, this way there will be less data in your email template.

<button type="button" style="background-color: red;">My button</button>

EDIT

Best to use an email css/framework template, check this question

Community
  • 1
  • 1
Dees Oomens
  • 4,554
  • 3
  • 29
  • 61