Application of Bootstrap modal window, bootstrap modal window

Application of Bootstrap modal window, bootstrap modal window

The documents on the Bootstrap Chinese site are hard to understand and can also be written as notes.

Indicates the modal class to be awakened in data-target. The others are simple.

<Button class = "btn-primary" data-toggle = "modal" data-target = ". modal"> Small modal </button>

<! -- Modal -->
<Div class = "modalfade" id = "myModal" tabindex = "-1" role = "dialog" aria-labelledby = "myModalLabel" aria-hidden = "true">
<Div class = "modal-dialog">
<Div class = "modal-content">
<Div class = "modal-header">
<Button type = "button" class = "close" data-dismiss = "modal">
<Span aria-hidden = "true"> & times; </span> <span class = "sr-only"> Close </span>
</Button>
<H4 class = "modal-title" id = "myModalLabel"> SysInfo </Div>
<Div class = "modal-body">... </div>
<Div class = "modal-footer">
<Button type = "button" class = "btn-default" data-dismiss = "modal"> Close </button>
</Div>
</Div>
</Div>
</Div>