|
|
| Line 349: |
Line 349: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − | <div class="first-section" id="mycontentcon">
| |
| − | <div class="row">
| |
| − | <div class="col-md-3">
| |
| − | <div class="list-group navbar" id="sidebar">
| |
| − | <ul class="nav" id="mynav" data-spy="affix" data-offset-top="280">
| |
| − | <li><a href="#c1" class="list-group-item">
| |
| − | Content 1
| |
| − | </a>
| |
| − | </li>
| |
| − | <li> <a href="#c2" class="list-group-item" contenteditable="false">Content 2
| |
| − | </a>
| |
| − | </li>
| |
| − | <li> <a href="#c3" class="list-group-item" contenteditable="false">Content 3
| |
| − | </a>
| |
| − | </li>
| |
| − | <li> <a href="#c4" class="list-group-item" contenteditable="false">Content 4
| |
| − | </a>
| |
| − | </li>
| |
| − | <li> <a href="#c5" class="list-group-item" contenteditable="false">Content 5
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-9" id="mycontent">
| |
| − | <div id="c1">
| |
| − | <h2 class="">Content 1</h2>
| |
| − | At Bootply we attempt to build simple Bootstrap templates that utilize
| |
| − | the code Bootstap CSS without a lot of customization. Tia cor magni dolores
| |
| − | eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui
| |
| − | dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia
| |
| − | non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam
| |
| − | quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem
| |
| − | ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
| |
| − | <hr class="col-md-12">
| |
| − | </div>
| |
| − | <div id="c2">
| |
| − | <h2>Content 2</h2>
| |
| − | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
| |
| − | beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
| |
| − | sit aspernatur aut odit aut fugit, sed quia cor magni dolores eos qui ratione
| |
| − | voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
| |
| − | quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam
| |
| − | eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
| − | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
| |
| − | laboriosam, nisi ut
| |
| − | <hr class="col-md-12">
| |
| − | </div> <div id="c3">
| |
| − | <h2 class="">Content 3</h2>
| |
| − | Rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
| |
| − | beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas
| |
| − | sit aspernatur aut odit aut fugit, sed quia cor magni dolores eos qui ratione
| |
| − | voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum
| |
| − | quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam
| |
| − | eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
| |
| − | Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
| |
| − | laboriosam, nisi ut
| |
| − | <hr class="col-md-12">
| |
| − | </div><div id="c4">
| |
| − | <h2 class="">Content 4</h2>
| |
| − | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
| |
| − | doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
| |
| − | veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
| |
| − | ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
| |
| − | cor magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
| |
| − | quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci
| |
| − | velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore
| |
| − | magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
| |
| − | exercitationem ullam corporis suscipit laboriosam, nisi ut
| |
| − | </div><div id="c5" style="min-height:500px;">
| |
| − | <h2 class="">Content 5</h2>
| |
| − | Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
| |
| − | doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
| |
| − | veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
| |
| − | ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
| |
| − | cor magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro
| |
| − | quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci
| |
| − | velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore
| |
| − | magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum
| |
| − | exercitationem ullam corporis suscipit laboriosam, nisi ut
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | | | |