DEV Community

Cover image for Messaging Layout With Bootstrap and Fontawesome
Takane Ichinose
Takane Ichinose

Posted on

1 1

Messaging Layout With Bootstrap and Fontawesome

This is an example layout for messaging or e-mail.

This layout is created with Bootstrap version 4.5.

I used Fontawesome version 5.14 for the fonts.

Custom CSS is very minimal, this is to ensure the best way (in my opinion) in coding with Bootstrap, without any problem.

The HTML side is written in Pug (To make the coding easier, and shorter), but if you need the HTML, Just compile it into HTML, by clicking on the settings button above the editor.

The table is made with jQuery. In real-word, you may use AJAX to populate the message. Though, you may also populate the table by loading the data using back-end pre-processor, and database.

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️