374
edits
Changes
Jump to navigation
Jump to search
Line 28:
Line 28: − + − <!-- Footer Links -->+ − <div class="container-fluid text-center text-md-left">+ − <!-- Grid row --> + − <div class="row"> + − <!-- Grid column -->+ − <div class="col-md-6 mt-md-0 mt-3">+ − <!-- Content -->+ − <h5 class="text-uppercase">Footer Content</h5>+ − <p>Here you can use rows and columns to organize your footer content.</p>+ − </div>+ − <!-- Grid column -->+ − <hr class="clearfix w-100 d-md-none pb-3">+ − <!-- Grid column -->+ − <div class="col-md-3 mb-md-0 mb-3">+ − <!-- Links -->+ − <h5 class="text-uppercase">Links</h5>+ − <ul class="list-unstyled">+ − <li>+ − <a href="#!">Link 1</a>+ − </li>+ − <li>+ − <a href="#!">Link 2</a>+ − </li>+ − <li> − <a href="#!">Link 3</a> − </li> − <li> − <a href="#!">Link 4</a> − </li> − </ul> − <!-- Grid column --> − <!-- Grid column --> − <div class="col-md-3 mb-md-0 mb-3"> − <!-- Links --> − <h5 class="text-uppercase">Links</h5> − <ul class="list-unstyled"> − <li><a href="https://openconcept.ca/">Link 1</a></li> − <li><a href="#!">Link 2</a></li> − <li> − <a href="#!">Link 3</a> − </li> − <li> − <a href="#!">Link 4</a> − </li> − </ul> − </div> − <!-- Grid column --> − </div> − <!-- Grid row --> − </div> − <!-- Footer Links --> − <!-- Copyright --> − <div class="footer-copyright text-center py-3">© 2020 Copyright: <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a></div> − <!-- Copyright --> − </div> − <!-- Footer -->
no edit summary
-->
-->
<!-- Footer -->
<!-- Footer -->
<div class="page-footer font-small blue pt-4">
<div style=" display:table;
table-layout:fixed;
min-width:900px; /* some minimum width is a good idea. */
border-spacing:20px 0; /* note that spacing is also applied to right and left ends */
background-color:#666;
margin:0 auto;">
<div style="display:table-cell;
width:33%;
vertical-align:middle;
border:1px solid #bbb;
background-color:#eee;
padding:30px;">Content for "leftdiv" Goes Here. </div>
<div style="display:table-cell;
width:33%;
vertical-align:middle;
border:1px solid #bbb;
background-color:#eee;
padding:30px;">Content for "middiv" Goes Here. Content for "middiv" Goes Here. Content for "middiv" Goes Here. Content for "middiv" Goes Here.</div>
<div style="display:table-cell;
width:33%;
vertical-align:middle;
border:1px solid #bbb;
background-color:#eee;
padding:30px;">Content for "rightdiv" Goes Here. Content for "rightdiv" Goes Here. Content for "rightdiv" Goes Here. Content for "rightdiv" Goes Here. Content for "rightdiv" Goes Here. Content for "rightdiv" Goes Here. Content for "rightdiv" Goes Here. </div>
</div>
</div>
