|
|
|
@ -668,45 +668,8 @@ |
|
|
|
</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"> |
|
|
|
<a class="dropdown-item" href="#">Action</a> |
|
|
|
<a class="dropdown-item" href="#">Another action</a> |
|
|
|
<a class="dropdown-item" href="#">Something else here</a> |
|
|
|
<div class="dropdown-divider"></div> |
|
|
|
<a class="dropdown-item" href="#">Separated link</a> |
|
|
|
</div> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
<div class="tab-content"> |
|
|
|
<div class="tab-pane fade active in"> |
|
|
|
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown |
|
|
|
aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan |
|
|
|
helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu |
|
|
|
banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan |
|
|
|
aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p> |
|
|
|
</div> |
|
|
|
<div class="tab-pane fade"> |
|
|
|
<p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. |
|
|
|
Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan |
|
|
|
four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft |
|
|
|
beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda |
|
|
|
labore aesthetic magna delectus mollit.</p> |
|
|
|
</div> |
|
|
|
<div class="tab-pane fade"> |
|
|
|
<p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic |
|
|
|
lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork |
|
|
|
tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. |
|
|
|
DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<div class="tab-pane fade"> |
|
|
|
<p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold |
|
|
|
out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland |
|
|
|
seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh |
|
|
|
DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -1227,40 +1190,213 @@ |
|
|
|
<div class="col-lg-6"> |
|
|
|
<h2>Modals</h2> |
|
|
|
<div class="bs-component"> |
|
|
|
<div class="modal"> |
|
|
|
<div class="modal-dialog" role="document"> |
|
|
|
<div class="modal" style="position: relative; width: 100%; height: 500px;"> |
|
|
|
<div class="modal-backdrop" style="position: absolute;"></div> |
|
|
|
|
|
|
|
<div class="modal-dialog modal-lg" style="position: absolute; top: 50px; left: 50px; right: 50px; bottom: 50px;"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h5 class="modal-title">Modal title</h5> |
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
|
|
|
<div class="modal-header" *ngIf="showHeader"> |
|
|
|
<h4 class="modal-title"> |
|
|
|
Title |
|
|
|
</h4> |
|
|
|
|
|
|
|
<button type="button" class="close"> |
|
|
|
<span aria-hidden="true">×</span> |
|
|
|
</button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="modal-tabs clearfix"> |
|
|
|
<ul class="nav nav-tabs2"> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link active" href="#home">Home</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link" href="#profile">Profile</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link disabled" href="#">Disabled</a> |
|
|
|
</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> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="modal-body"> |
|
|
|
<p>Modal body text goes here.</p> |
|
|
|
Modal body text goes here. |
|
|
|
</div> |
|
|
|
<div class="modal-footer"> |
|
|
|
<button type="button" class="btn btn-primary">Save changes</button> |
|
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> |
|
|
|
|
|
|
|
<div class="modal-footer" [hidden]="!showFooter"> |
|
|
|
<div class="clearfix" #footerElement> |
|
|
|
<button type="button" class="float-right btn btn-primary">Save changes</button> |
|
|
|
<button type="button" class="float-left btn btn-secondary">Close</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="modal fade"> |
|
|
|
<div class="modal-dialog modal-lg"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h4 class="modal-title">Source Code</h4> |
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> |
|
|
|
<div class="bs-docs-section"> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<div class="page-header"> |
|
|
|
<h1>Modals</h1> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-12"> |
|
|
|
<h2>Default</h2> |
|
|
|
<div class="bs-component"> |
|
|
|
<div class="panel panel-light"> |
|
|
|
<div class="panel-header"> |
|
|
|
<div class="panel-title-row"> |
|
|
|
<div class="float-right"> |
|
|
|
<button class="btn btn-success">New</button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<h3 class="panel-title"> |
|
|
|
Title |
|
|
|
</h3> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a class="panel-close"> |
|
|
|
<i class="icon-close"></i> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="panel-main"> |
|
|
|
<div class="panel-content"> |
|
|
|
<div class="panel-alert panel-alert-danger"> |
|
|
|
Alert |
|
|
|
</div> |
|
|
|
|
|
|
|
<ul> |
|
|
|
<li>One</li> |
|
|
|
<li>Two</li> |
|
|
|
<li>Three</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="panel-sidebar"> |
|
|
|
<a href="#" class="panel-link"> |
|
|
|
<i class="icon-help"></i> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="row"> |
|
|
|
<div class="col-lg-6"> |
|
|
|
<h2>Dark</h2> |
|
|
|
<div class="bs-component"> |
|
|
|
<div class="panel panel-light"> |
|
|
|
<div class="panel-header"> |
|
|
|
<div class="panel-title-row"> |
|
|
|
<div class="float-right"> |
|
|
|
<button class="btn btn-success">New</button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<h3 class="panel-title"> |
|
|
|
Title |
|
|
|
</h3> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a class="panel-close"> |
|
|
|
<i class="icon-close"></i> |
|
|
|
</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="panel-main"> |
|
|
|
<div class="panel-content panel-content-blank"> |
|
|
|
<ul class="nav nav-panel nav-dark-bordered flex-column"> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link">Link 1 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link">Link 2 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link active">Link 3 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link">Link 4 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="modal-body"> |
|
|
|
<pre></pre> |
|
|
|
<div class="col-lg-6"> |
|
|
|
<h2>Dark</h2> |
|
|
|
<div class="bs-component"> |
|
|
|
<div class="panel panel-dark"> |
|
|
|
<div class="panel-header large"> |
|
|
|
<div class="panel-title-row"> |
|
|
|
<div class="float-right"> |
|
|
|
<button class="btn btn-success">New</button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<h3 class="panel-title"> |
|
|
|
Title |
|
|
|
</h3> |
|
|
|
</div> |
|
|
|
|
|
|
|
<a class="panel-close"> |
|
|
|
<i class="icon-close"></i> |
|
|
|
</a> |
|
|
|
|
|
|
|
<div class="panel-header-row"> |
|
|
|
<div class="search-form"> |
|
|
|
<input class="form-control form-control-dark" placeholder="Search here..." /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="panel-main"> |
|
|
|
<div class="panel-content"> |
|
|
|
<ul class="nav nav-panel nav-dark nav-dark-bordered flex-column"> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link">Link 1 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link">Link 2 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link active">Link 3 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
<li class="nav-item"> |
|
|
|
<a class="nav-link">Link 4 |
|
|
|
<i class="icon-angle-right"></i> |
|
|
|
</a> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|