Merge pull request #17047 from petetnt/petetnt-v4-dev-patch-1

Fixed couple of formatting errors in modal.md (v4)

docs/components/modal.md

@@ -39,7 +39,7 @@ There are some caveats regarding using modals on mobile devices. [See our browse
 
 ### Static example
 
-A rendered modal with header, body, and set of actions in the footer.</p>
+A rendered modal with header, body, and set of actions in the footer.
 
 <div class="bd-example bd-example-modal">
   <div class="modal">
@@ -172,7 +172,7 @@ Toggle a modal via JavaScript by clicking the button below. It will slide down a
 {% callout warning %}
 #### Make modals accessible
 
-Be sure to add `role="dialog"` and `aria-labelledby="..."``, referencing the modal title, to `.modal`, and `role="document"` to the `.modal-dialog` itself.
+Be sure to add `role="dialog"` and `aria-labelledby="..."`, referencing the modal title, to `.modal`, and `role="document"` to the `.modal-dialog` itself.
 
 Additionally, you may give a description of your modal dialog with `aria-describedby` on `.modal`.
 {% endcallout %}
@@ -264,7 +264,7 @@ For modals that simply appear rather than fade in to view, remove the `.fade` cl
 
 ## Using the grid system
 
-To take advantage of the Bootstrap grid system within a modal, just nest `.container-fluid within the `.modal-body` and then use the normal grid system classes within this container.
+To take advantage of the Bootstrap grid system within a modal, just nest `.container-fluid` within the `.modal-body` and then use the normal grid system classes within this container.
 
 {% example html %}
 <div id="gridSystemModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridModalLabel" aria-hidden="true">