码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap和其他插件

时间:2018-07-11 17:55:20      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:media   lan   col   slide   ant   ide   phi   har   cti   

Bootstrap
响应式
@media (min-width:900px) {
.content{

}
}
//当页面宽度大于900px时使用下列css

图标/字体
@font-face

使用:
自定义样式加上!important




其他插件
bxslider:轮播图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="JQuery-1.12.4.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap-theme.css">
</head>
<body>
<span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
<ul class="nav nav-pills">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul>
</body>
</html>

<script>

</script>

 

 

Bootstrap和其他插件

标签:media   lan   col   slide   ant   ide   phi   har   cti   

原文地址:https://www.cnblogs.com/hinimix/p/9295596.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!