Skip to content

Instantly share code, notes, and snippets.

@BoZhuM

BoZhuM/index.html

Created September 29, 2015 02:03
Show Gist options
  • Save BoZhuM/dca6c6caca3fc7400135 to your computer and use it in GitHub Desktop.
Save BoZhuM/dca6c6caca3fc7400135 to your computer and use it in GitHub Desktop.
Download ZIP
jbVpJo
Raw
index.html
<body>
<div class="container">
<div class='row'>
<div class='col-md-3 col-sm-3 col-xs-3 text-center text-success'>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
<p>hello1</p>
</div>
<div class='col-md-3 col-sm-3 col-xs-3 text-center text-warning'>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
<p>hello2</p>
</div>
<div class='col-md-3 col-sm-3 col-xs-3 text-center text-danger'>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<span class="fa fa-stack-1x fa-inverse">
惠
</span>
</span>
<p>hello2</p>
</div>
<div class='col-md-3 col-sm-3 col-xs-3 text-center'>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
<p>hello2</p>
</div>
</div>
</div>
<!-- /.container -->
</body>
Raw
style.css
.col-md-3 .fa-stack{
font-size: 10vw!important;
}
Raw
styles
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment