Skip to content

Instantly share code, notes, and snippets.

@iamandrewluca

iamandrewluca/bootstrap-fluid-example.html

Last active September 10, 2018 07:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save iamandrewluca/108fcb062a102b09b5b7c254ac2b3eea to your computer and use it in GitHub Desktop.
Save iamandrewluca/108fcb062a102b09b5b7c254ac2b3eea to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap elements abstraction using fluid
Raw
bootstrap-fluid-example.html
<html xmlns:b="http://typo3.org/ns/BK2K/BootstrapPackage/ViewHelpers">
<b:modal>
<b:modal.header>
Modal title
</b:modal.header>
<b:modal.body>
Modal body text goes here.
</b:modal.body>
<b:modal.footer>
<b:button color="secondary" data-dismiss="modal">Close</b:button>
<b:button color="primary">Save changes</b:button>
</b:modal.footer>
</b:modal>
</html>
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Modal body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment