refactor(panelsPage): same width for bootrap panels
parent
9c34dc5b0c
commit
4668d84766
|
@ -68,7 +68,7 @@
|
|||
<div class="row">
|
||||
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="panel panel-default bootstrap-panel">
|
||||
<div class="panel panel-default bootstrap-panel xsmall-panel">
|
||||
<div class="panel-body">
|
||||
<p>A panel in bootstrap is a bordered box with some padding around its content.</p>
|
||||
|
||||
|
@ -81,7 +81,7 @@
|
|||
</div>
|
||||
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="panel panel-default bootstrap-panel">
|
||||
<div class="panel panel-default bootstrap-panel xsmall-panel">
|
||||
<div class="panel-heading">Panel Heading</div>
|
||||
<div class="panel-body">
|
||||
<p class="p-with-code">The <code>.panel-heading</code> class adds a heading to the panel.Easily add a heading
|
||||
|
@ -95,7 +95,7 @@
|
|||
|
||||
<div class="col-md-12 col-lg-4">
|
||||
<div class="panel panel-default bootstrap-panel">
|
||||
<div class="panel-body">
|
||||
<div class="panel-body footer-panel">
|
||||
<p class="p-with-code">
|
||||
Wrap buttons or secondary text in <code>.panel-footer</code>. Note that panel footers do not inherit colors
|
||||
and
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
max="100"
|
||||
from="45"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -21,7 +21,7 @@
|
|||
prefix="$"
|
||||
from="420"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -33,7 +33,7 @@
|
|||
postfix="°"
|
||||
from="36"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -45,7 +45,7 @@
|
|||
from="420"
|
||||
to="900"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -57,7 +57,7 @@
|
|||
from="300"
|
||||
step="50"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -71,7 +71,7 @@
|
|||
prettify-separator="."
|
||||
prettify="true"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -85,7 +85,7 @@
|
|||
'July', 'August', 'September',
|
||||
'October', 'November', 'December']"
|
||||
disable="false"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
<div class="slider-box">
|
||||
|
@ -96,7 +96,7 @@
|
|||
max="100"
|
||||
from="45"
|
||||
disable="true"
|
||||
timeout="150">
|
||||
timeout="350">
|
||||
</ion-slider>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -169,6 +169,10 @@ $panel-heading-font-size: 16px;
|
|||
height: 120px;
|
||||
}
|
||||
|
||||
.footer-panel{
|
||||
height: 142px;
|
||||
}
|
||||
|
||||
/*
|
||||
.panel-group .panel {
|
||||
border-radius: 0;
|
||||
|
|
Loading…
Reference in New Issue