mirror of https://github.com/abpframework/abp
Merge branch 'master' of https://github.com/aspnetzero/abp
commit
3a2c2b0453
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,34 @@
|
||||
@page
|
||||
@model Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components.NavsModel
|
||||
@{
|
||||
ViewData["Title"] = "Navs";
|
||||
}
|
||||
|
||||
<h2>Navs</h2>
|
||||
|
||||
<p>Based on <a href="https://getbootstrap.com/docs/4.1/components/navs/" target="_blank"> Bootstrap Navs</a>.</p>
|
||||
|
||||
<h4># Navs Examples</h4>
|
||||
|
||||
<div class="demo-with-code">
|
||||
<div class="demo-area">
|
||||
|
||||
<abp-nav nav-style="Pill" responsive="true" align="Center">
|
||||
<abp-nav-item href="#">Active</abp-nav-item>
|
||||
<abp-nav-item href="#">Longer nav link</abp-nav-item>
|
||||
<abp-nav-item href="#">Link</abp-nav-item>
|
||||
<abp-nav-item href="#" disabled="true">Disabled</abp-nav-item>
|
||||
</abp-nav>
|
||||
|
||||
</div>
|
||||
<div class="code-area">
|
||||
<pre>
|
||||
<abp-nav nav-style="Pill" responsive="true" align="Center">
|
||||
<abp-nav-item href="#">Active</abp-nav-item>
|
||||
<abp-nav-item href="#">Longer nav link</abp-nav-item>
|
||||
<abp-nav-item href="#">Link</abp-nav-item>
|
||||
<abp-nav-item href="#" disabled="true">Disabled</abp-nav-item>
|
||||
</abp-nav>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,82 @@
|
||||
@page
|
||||
@model Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components.TablesModel
|
||||
@{
|
||||
ViewData["Title"] = "Tables";
|
||||
}
|
||||
|
||||
<h2>Tables</h2>
|
||||
|
||||
<p>Based on <a href="https://getbootstrap.com/docs/4.1/content/Tables/" target="_blank"> Bootstrap Tables</a>.</p>
|
||||
|
||||
<h4># Tables Examples</h4>
|
||||
|
||||
<div class="demo-with-code">
|
||||
<div class="demo-area">
|
||||
|
||||
<abp-table striped-rows="true" hoverable-rows="true" responsive-sm="true">
|
||||
<thead theme="Dark">
|
||||
<tr>
|
||||
<th scope="Column">#</th>
|
||||
<th scope="Column">First</th>
|
||||
<th scope="Column">Last</th>
|
||||
<th scope="Column">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="Row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td abp-table-style="Danger">mdo</td>
|
||||
</tr>
|
||||
<tr abp-table-style="Warning">
|
||||
<th scope="Row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="Row">3</th>
|
||||
<td abp-table-style="Success">Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</abp-table>
|
||||
|
||||
</div>
|
||||
<div class="code-area">
|
||||
<pre>
|
||||
<abp-table striped-rows="true" small="true" hoverable-rows="true" responsive-sm="true">
|
||||
<thead theme="Dark">
|
||||
<tr>
|
||||
<th scope="Column">#</th>
|
||||
<th scope="Column">First</th>
|
||||
<th scope="Column">Last</th>
|
||||
<th scope="Column">Handle</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="Row">1</th>
|
||||
<td>Mark</td>
|
||||
<td>Otto</td>
|
||||
<td abp-table-style="Danger">mdo</td>
|
||||
</tr>
|
||||
<tr abp-table-style="Warning">
|
||||
<th scope="Row">2</th>
|
||||
<td>Jacob</td>
|
||||
<td>Thornton</td>
|
||||
<td>fat</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="Row">3</th>
|
||||
<td abp-table-style="Success">Larry</td>
|
||||
<td>the Bird</td>
|
||||
<td>twitter</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</abp-table>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in new issue