Skip to content

Instantly share code, notes, and snippets.

@Downes
Created December 8, 2018 17:33
Show Gist options
  • Save Downes/11584c1673761a1babb95c6e4af5d326 to your computer and use it in GitHub Desktop.
Save Downes/11584c1673761a1babb95c6e4af5d326 to your computer and use it in GitHub Desktop.
Modfying width in a Bootstrap modal
<style>
@media (min-width: 768px) {
.modal-xl {
width: 90%;
max-width:1200px;
}
}
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document"><!-- cf http://output.jsbin.com/yefas/1 -->
<div class="modal-content">
...
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment