Round all the things

- this is my index page and I will do what I please with it

index.html

@@ -65,7 +65,7 @@
           <!-- Example dropdown including links to source files -->
           <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" id="download">Source files&nbsp;<span class="caret"></span></a>
-            <div class="dropdown-menu">
+            <div class="rounded dropdown-menu">
               <a class="dropdown-item" href="#">Open in JSFiddle (TODO)</a>
               <div class="dropdown-divider"></div>
               <a class="dropdown-item" href="/masonstrap/masonstrap.min.css" target="_blank">masonstrap.min.css</a>
@@ -256,7 +256,7 @@
               <div class="btn-group" role="group">
                 <button id="btnGroupDrop1" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false"></button>
-                <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
+                <div class="rounded dropdown-menu" aria-labelledby="btnGroupDrop1">
                   <a class="dropdown-item" href="#">Dropdown link</a>
                   <a class="dropdown-item" href="#">Dropdown link</a>
                 </div>
@@ -268,7 +268,7 @@
               <div class="btn-group" role="group">
                 <button id="btnGroupDrop2" type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false"></button>
-                <div class="dropdown-menu" aria-labelledby="btnGroupDrop2">
+                <div class="rounded dropdown-menu" aria-labelledby="btnGroupDrop2">
                   <a class="dropdown-item" href="#">Dropdown link</a>
                   <a class="dropdown-item" href="#">Dropdown link</a>
                 </div>
@@ -280,7 +280,7 @@
               <div class="btn-group" role="group">
                 <button id="btnGroupDrop3" type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false"></button>
-                <div class="dropdown-menu" aria-labelledby="btnGroupDrop3">
+                <div class="rounded dropdown-menu" aria-labelledby="btnGroupDrop3">
                   <a class="dropdown-item" href="#">Dropdown link</a>
                   <a class="dropdown-item" href="#">Dropdown link</a>
                 </div>
@@ -292,7 +292,7 @@
               <div class="btn-group" role="group">
                 <button id="btnGroupDrop4" type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false"></button>
-                <div class="dropdown-menu" aria-labelledby="btnGroupDrop4">
+                <div class="rounded dropdown-menu" aria-labelledby="btnGroupDrop4">
                   <a class="dropdown-item" href="#">Dropdown link</a>
                   <a class="dropdown-item" href="#">Dropdown link</a>
                 </div>
@@ -719,7 +719,7 @@
               </li>
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
-                <div class="dropdown-menu">
+                <div class="rounded dropdown-menu">
                   <a class="dropdown-item" href="#">Action</a>
                   <a class="dropdown-item" href="#">Another action</a>
                   <a class="dropdown-item" href="#">Something else here</a>
@@ -766,7 +766,7 @@
               </li>
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
-                <div class="dropdown-menu">
+                <div class="rounded dropdown-menu">
                   <a class="dropdown-item" href="#">Action</a>
                   <a class="dropdown-item" href="#">Another action</a>
                   <a class="dropdown-item" href="#">Something else here</a>
@@ -790,7 +790,7 @@
               </li>
               <li class="nav-item dropdown">
                 <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
-                <div class="dropdown-menu">
+                <div class="rounded dropdown-menu">
                   <a class="dropdown-item" href="#">Action</a>
                   <a class="dropdown-item" href="#">Another action</a>
                   <a class="dropdown-item" href="#">Something else here</a>
@@ -1276,7 +1276,7 @@
           <div class="bs-component">
             <div class="modal">
               <div class="modal-dialog" role="document">
-                <div class="modal-content">
+                <div class="rounded modal-content">
                   <div class="modal-header">
                     <h5 class="modal-title">Modal title</h5>
                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">