Back to all templatesSidebar
SidebarBasic
This is a screenshot of the compiled email. To view a live in browser version of the email click the "Live" button.
This is the pre-compiled code. It needs to be compiled via Bootstrap Email to build it for use in emails. You can do so by clicking the "Open in Editor" button, programmatically compile, or use the already compiled version by clicking the "Download Compiled" button.
<body class="bg-light">
<div class="container my-4">
<div class="row gap-4">
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<p>This is a basic container, no frills. Just a container with text inside, check it out!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<p>This is a basic sidebar, no frills. Just a sidebar with text inside, check it out! Though this sidebar is special because it is responsive using the "row" grid to wrap the sidebar under the left section on mobile devices.</p>
</div>
</div>
</div>
</div>
</div>
</body>