https://github.com/alexstack/bootstrap-email-css

Bootstrap4/4.3 email inline css version 59KB, can be use for HTML email template
https://github.com/alexstack/bootstrap-email-css

Last synced: 10 months ago
JSON representation

Bootstrap4/4.3 email inline css version 59KB, can be use for HTML email template

• Host: GitHub
• URL: https://github.com/alexstack/bootstrap-email-css
• Owner: AlexStack
• Created: 2019-06-19T04:02:35.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-06-19T04:30:56.000Z (over 6 years ago)
• Last Synced: 2025-01-10T08:24:11.789Z (12 months ago)
• Language: HTML
• Homepage:
• Size: 2.35 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Why need bootstrap email css?

- The original bootstrap.min.css is a little too big for inline email css

- This short version of bootstrap email css is less than 60KB

# How to use it in email template?

```html

    

    Bootstrap email css template example

        

        [COPY THE MINIFIED CSS CODE (eg. from bootstrap4-email-css.min.css) INSERT IT HERE. YOU *CANNOT* JUST USE A CSS REFERENCE.]

    



    


        


                


                    
    

                        {!! $email-content !!}

                    
 


                

        

    



```

# What can we use with this email version?

- Most of the features are available, expect below:

- Components of form, input, table, modal, dropdown, nav, navbar, carousel, tooltips ...(See bootstrap4-source/scss/bootstrap4-email-css.scss for details)

- Grid breakpoints only kept xs and md, md can be use for the breakpoints of mobile version and desktop version. which means  only col-*, col-md-* are available. (See bootstrap4-source/scss/_variables-email.scss for details)