mirror of
https://github.com/twbs/bootstrap.git
synced 2025-08-12 16:44:17 +02:00
Remove more Glyphicons
This commit is contained in:
@@ -479,43 +479,6 @@ body {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Icons
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
.the-icons {
|
|
||||||
padding-bottom: 1px;
|
|
||||||
margin-left: 0;
|
|
||||||
list-style: none;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.the-icons li {
|
|
||||||
float: left;
|
|
||||||
width: 100px;
|
|
||||||
height: 110px;
|
|
||||||
padding: 10px;
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
font-size: 12px;
|
|
||||||
line-height: 1.25;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin: 0 -1px -1px 0;
|
|
||||||
}
|
|
||||||
.the-icons .glyphicon {
|
|
||||||
display: block;
|
|
||||||
margin: 5px auto;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-right: 3px;
|
|
||||||
font-size: 24px;
|
|
||||||
}
|
|
||||||
.the-icons li:hover {
|
|
||||||
background-color: rgba(255,0,0,.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Responsive docs
|
/* Responsive docs
|
||||||
-------------------------------------------------- */
|
-------------------------------------------------- */
|
||||||
|
|
||||||
|
@@ -1813,33 +1813,6 @@ body { padding-bottom: 70px; }
|
|||||||
<li class="list-group-item">Porta ac consectetur ac</li>
|
<li class="list-group-item">Porta ac consectetur ac</li>
|
||||||
<li class="list-group-item">Vestibulum at eros</li>
|
<li class="list-group-item">Vestibulum at eros</li>
|
||||||
</ul>
|
</ul>
|
||||||
{% endhighlight %}
|
|
||||||
|
|
||||||
<h3 id="list-group-chevrons">With chevrons</h3>
|
|
||||||
<p>Add Glyphicon chevrons that are automatically moved to the right.</p>
|
|
||||||
<div class="bs-example">
|
|
||||||
<ul class="list-group">
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
Cras justo odio
|
|
||||||
</li>
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
Dapibus ac facilisis in
|
|
||||||
</li>
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
Morbi leo risus
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% highlight html %}
|
|
||||||
<ul class="list-group">
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
Cras justo odio
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h3 id="list-group-badges">With badges</h3>
|
<h3 id="list-group-badges">With badges</h3>
|
||||||
@@ -1867,37 +1840,6 @@ body { padding-bottom: 70px; }
|
|||||||
Cras justo odio
|
Cras justo odio
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
{% endhighlight %}
|
|
||||||
|
|
||||||
<h3 id="list-group-badges-chevrons">With badges and chevrons</h3>
|
|
||||||
<p>Why not both?</p>
|
|
||||||
<div class="bs-example">
|
|
||||||
<ul class="list-group">
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
<span class="badge">14</span>
|
|
||||||
Cras justo odio
|
|
||||||
</li>
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
<span class="badge">2</span>
|
|
||||||
Dapibus ac facilisis in
|
|
||||||
</li>
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
<span class="badge">1</span>
|
|
||||||
Morbi leo risus
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% highlight html %}
|
|
||||||
<ul class="list-group">
|
|
||||||
<li class="list-group-item">
|
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
<span class="badge">14</span>
|
|
||||||
Cras justo odio
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
<h3 id="list-group-linked">Linked list group</h3>
|
<h3 id="list-group-linked">Linked list group</h3>
|
||||||
@@ -1906,19 +1848,14 @@ body { padding-bottom: 70px; }
|
|||||||
<div class="list-group">
|
<div class="list-group">
|
||||||
<a href="#" class="list-group-item active">
|
<a href="#" class="list-group-item active">
|
||||||
Cras justo odio
|
Cras justo odio
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Dapibus ac facilisis in
|
<a href="#" class="list-group-item">Dapibus ac facilisis in
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Morbi leo risus
|
<a href="#" class="list-group-item">Morbi leo risus
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Porta ac consectetur ac
|
<a href="#" class="list-group-item">Porta ac consectetur ac
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Vestibulum at eros
|
<a href="#" class="list-group-item">Vestibulum at eros
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1926,19 +1863,14 @@ body { padding-bottom: 70px; }
|
|||||||
<div class="list-group">
|
<div class="list-group">
|
||||||
<a href="#" class="list-group-item active">
|
<a href="#" class="list-group-item active">
|
||||||
Cras justo odio
|
Cras justo odio
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Dapibus ac facilisis in
|
<a href="#" class="list-group-item">Dapibus ac facilisis in
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Morbi leo risus
|
<a href="#" class="list-group-item">Morbi leo risus
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Porta ac consectetur ac
|
<a href="#" class="list-group-item">Porta ac consectetur ac
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
<a href="#" class="list-group-item">Vestibulum at eros
|
<a href="#" class="list-group-item">Vestibulum at eros
|
||||||
<span class="glyphicon glyphicon-chevron-right"></span>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
Reference in New Issue
Block a user