/bootstrap-theme-slim

纤细风格的bootstrap主题

Primary LanguageCSSMIT LicenseMIT

Slim

纤细风格的bootstrap主题

Demo: http://overtrue.me/bootstrap-theme-slim/

改进

  • 对中文字体优化，添加比较纤瘦的中文字体
  • 换掉默认的Glyphicons图标为ionicons图标
  • Modal与Popover、Well,Alert等边框颜色调整为淡色
  • 新增4种配色：mint,purple,pink,dark
  • 新增4种按钮：btn-mint, btn-purple,btn-pink,btn-dark
  • 新增4种label: label-mint, label-purple,label-pink,label-dark
  • 新增鼠标移过背景色类：hover-bg-primary、hover-bg-success、hover-bg-info、hover-bg-warning、hover-bg-danger、hover-bg-mint、hover-bg-purple、hover-bg-pink、hover-bg-dark
  • 新增边框色类：border-primary、border-success、border-info、border-warning、border-danger、border-mint、border-purple、border-pink、border-dark
  • 新增轻体文字类：text-thin
  • 去除边框类：no-border
  • 去除填充类：no-padding
  • 去除边矩类：no-margin

新增的工具类请参阅：_utils.scss

实体效果请查看demo

用法

引入css

<!-- bootstrap -->
<link rel="stylesheet" href="./css/bootstrap.css" media="screen">
<!-- ionicons图标 -->
<link rel="stylesheet" href="./css/ionicons.css" media="screen">
<!-- 应用css -->
<link rel="stylesheet" href="./css/app.css" media="screen">

引入js

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

说明

  • 此项目中可能包含了其它用不到的css或者js文件，请根据需要选择加载；
  • css文件目录里最基本的就是bootstrap.css，另外app.css是你的应用css,你可以写sass语法，默认已经帮忙你引入bootstrap变量与方法；

License

MIT