Commit d058ecae by fengshuonan

卡片样式更改

parent a3a4d32d
...@@ -35,7 +35,18 @@ ...@@ -35,7 +35,18 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="card card-inverse card-info"> <div class="card card-outline-inverse">
<div class="card-header">
<h4 class="m-b-0 text-white">Card Title</h4></div>
<div class="card-body">
<h3 class="card-title">Special title treatment</h3>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-outline-info">
<div class="card-header"> <div class="card-header">
<h4 class="m-b-0 text-white">Card Title</h4></div> <h4 class="m-b-0 text-white">Card Title</h4></div>
<div class="card-body"> <div class="card-body">
...@@ -46,7 +57,7 @@ ...@@ -46,7 +57,7 @@
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card card-inverse card-primary"> <div class="card card-outline-primary">
<div class="card-header"> <div class="card-header">
<h4 class="m-b-0 text-white">Card Title</h4></div> <h4 class="m-b-0 text-white">Card Title</h4></div>
<div class="card-body"> <div class="card-body">
...@@ -57,7 +68,7 @@ ...@@ -57,7 +68,7 @@
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card card-inverse card-warning"> <div class="card card-outline-danger">
<div class="card-header"> <div class="card-header">
<h4 class="m-b-0 text-white">Card Title</h4></div> <h4 class="m-b-0 text-white">Card Title</h4></div>
<div class="card-body"> <div class="card-body">
...@@ -68,7 +79,18 @@ ...@@ -68,7 +79,18 @@
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card card-inverse card-success"> <div class="card card-outline-warning">
<div class="card-header">
<h4 class="m-b-0 text-white">Card Title</h4></div>
<div class="card-body">
<h3 class="card-title">Special title treatment</h3>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-inverse">Go somewhere</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card card-outline-success">
<div class="card-header"> <div class="card-header">
<h4 class="m-b-0 text-white">Card Title</h4></div> <h4 class="m-b-0 text-white">Card Title</h4></div>
<div class="card-body"> <div class="card-body">
...@@ -113,7 +135,7 @@ ...@@ -113,7 +135,7 @@
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="card"> <div class="card">
<img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img2.jpg" alt="Card image cap"> <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img2.jpg" alt="Card image cap">
<div class="card-block"> <div class="card-body">
<h4 class="card-title">Guns v2.4</h4> <h4 class="card-title">Guns v2.4</h4>
<p class="card-text">无web.xml,新时代的后台管理系统</p> <p class="card-text">无web.xml,新时代的后台管理系统</p>
<a href="#" class="btn btn-primary">点击前往</a> <a href="#" class="btn btn-primary">点击前往</a>
...@@ -123,7 +145,7 @@ ...@@ -123,7 +145,7 @@
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="card"> <div class="card">
<img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap"> <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
<div class="card-block"> <div class="card-body">
<h4 class="card-title">Guns v1.0</h4> <h4 class="card-title">Guns v1.0</h4>
<p class="card-text">无web.xml,新时代的后台管理系统</p> <p class="card-text">无web.xml,新时代的后台管理系统</p>
<a href="#" class="btn btn-primary">点击前往</a> <a href="#" class="btn btn-primary">点击前往</a>
...@@ -133,7 +155,7 @@ ...@@ -133,7 +155,7 @@
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="card"> <div class="card">
<img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap"> <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
<div class="card-block"> <div class="card-body">
<h4 class="card-title">Guns SSO</h4> <h4 class="card-title">Guns SSO</h4>
<p class="card-text">无web.xml,新时代的后台管理系统</p> <p class="card-text">无web.xml,新时代的后台管理系统</p>
<a href="#" class="btn btn-primary">点击前往</a> <a href="#" class="btn btn-primary">点击前往</a>
...@@ -143,7 +165,7 @@ ...@@ -143,7 +165,7 @@
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="card"> <div class="card">
<img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap"> <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
<div class="card-block"> <div class="card-body">
<h4 class="card-title">Guns ORACLE</h4> <h4 class="card-title">Guns ORACLE</h4>
<p class="card-text">无web.xml,新时代的后台管理系统</p> <p class="card-text">无web.xml,新时代的后台管理系统</p>
<a href="#" class="btn btn-primary">点击前往</a> <a href="#" class="btn btn-primary">点击前往</a>
...@@ -153,7 +175,7 @@ ...@@ -153,7 +175,7 @@
<div class="col-lg-3 col-md-6"> <div class="col-lg-3 col-md-6">
<div class="card"> <div class="card">
<img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap"> <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
<div class="card-block"> <div class="card-body">
<h4 class="card-title">Guns MSSQL</h4> <h4 class="card-title">Guns MSSQL</h4>
<p class="card-text">无web.xml,新时代的后台管理系统</p> <p class="card-text">无web.xml,新时代的后台管理系统</p>
<a href="#" class="btn btn-primary">点击前往</a> <a href="#" class="btn btn-primary">点击前往</a>
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="card-header"> <div class="card-header">
<h4 class="m-b-0 text-white">修改密码</h4> <h4 class="m-b-0 text-white">修改密码</h4>
</div> </div>
<div class="card-block" style="padding: 50px;"> <div class="card-body" style="padding: 50px;">
<div class="form-horizontal" id="passwordForm"> <div class="form-horizontal" id="passwordForm">
<div class="form-body"> <div class="form-body">
<div class="row"> <div class="row">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment