- 设计师 Bootstrap Bootstrap 前端开发 框架 web... (shuke.2013-09-04 09:16)
- 这东西号称简捷快速开发，对新手有点难度，对高手来说，只会不断前进。。
文件结构
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
├── js/
│ ├── bootstrap.js
│ ├── bootstrap.min.js
└── img/
├── glyphicons-halflings.png
└── glyphicons-halflings-white.png
这就是Bootstrap的基本结构：编译后的文件可以快速应用于任何web项目。我们提供了编译版的CSS和JS文件 (bootstrap.*)，也同时提供了编译并压缩之后的CSS和JS文件 (bootstrap.min.*)。图片文件是使用 ImageOptim 工具进行压缩的，这个工具是Mac平台上用于压缩PNG文件的一个app。
官方站：http://www.bootcss.com
请注意，所有的JavaScript插件都依赖jQuery库。
-
2 楼 shuke[2014-06-30 14:53]
bootstrap 按钮颜色属性有几种
7种，分别是
白色，浅蓝色，深蓝色，绿色，黄色，红色，黑色，
对应的class为btn,btn btn-primary,btn btn-info,btn btn-success,btn btn-warning,btn btn-danger,btn btn-inverse
boostrap中 140个图标提供了深灰色（默认）和白色两种颜色
<i class="icon-search"></i>
<i class="icon-search icon-white"></i>
icon-glass, icon-music, icon-search, icon-envelope, icon-heart, icon-star, icon-star-empty, icon-user, icon-film, icon-th-large, icon-th, icon-th-list, icon-ok, icon-remove, icon-zoom-in, icon-zoom-out, icon-off, icon-signal, icon-cog, icon-trash, icon-home, icon-file, icon-time, icon-road, icon-download-alt, icon-download, icon-upload, icon-inbox, icon-play-circle, icon-repeat, icon-refresh, icon-list-alt, icon-lock, icon-flag, icon-headphones, icon-volume-off, icon-volume-down, icon-volume-up, icon-qrcode, icon-barcode, icon-tag, icon-tags, icon-book, icon-bookmark, icon-print, icon-camera, icon-font, icon-bold, icon-italic, icon-text-height, icon-text-width, icon-align-left, icon-align-center, icon-align-right, icon-align-justify, icon-list, icon-indent-left, icon-indent-right, icon-facetime-video, icon-picture, icon-pencil, icon-map-marker, icon-adjust, icon-tint, icon-edit, icon-share, icon-check, icon-move, icon-step-backward, icon-fast-backward, icon-backward, icon-play, icon-pause, icon-stop, icon-forward, icon-fast-forward, icon-step-forward, icon-eject, icon-chevron-left, icon-chevron-right, icon-plus-sign, icon-minus-sign, icon-remove-sign, icon-ok-sign, icon-question-sign, icon-info-sign, icon-screenshot, icon-remove-circle, icon-ok-circle, icon-ban-circle, icon-arrow-left, icon-arrow-right, icon-arrow-up, icon-arrow-down, icon-share-alt, icon-resize-full, icon-resize-small, icon-plus, icon-minus, icon-asterisk, icon-exclamation-sign, icon-gift, icon-leaf, icon-fire, icon-eye-open, icon-eye-close, icon-warning-sign, icon-plane, icon-calendar, icon-random, icon-comment, icon-magnet, icon-chevron-up, icon-chevron-down, icon-retweet, icon-shopping-cart, icon-folder-close, icon-folder-open, icon-resize-vertical, icon-resize-horizontal, icon-hdd, icon-bullhorn, icon-bell, icon-certificate, icon-thumbs-up, icon-thumbs-down, icon-hand-right, icon-hand-left, icon-hand-up, icon-hand-down, icon-circle-arrow-right, icon-circle-arrow-left, icon-circle-arrow-up, icon-circle-arrow-down, icon-globe, icon-wrench, icon-tasks, icon-filter, icon-briefcase, icon-fullscreen
bgimg_url:http://www.kuiyu.net/content/Themes/blue/img/glyphicons-halflings.png
-
3 楼 shuke[2014-07-17 14:33]
百度CDN
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
-
- 通往优秀 UI 设计师之路的 20 个路标
Bootstrap