BlogJava-paulwong-随笔分类-BOOTSTRAPhttp://www.blogjava.net/paulwong/category/54104.htmlzh-cnSat, 15 Jan 2022 05:02:08 GMTSat, 15 Jan 2022 05:02:08 GMT60最新版BOOTSTRAP 4.0教学http://www.blogjava.net/paulwong/archive/2015/09/02/427091.htmlpaulwongpaulwongWed, 02 Sep 2015 02:56:00 GMThttp://www.blogjava.net/paulwong/archive/2015/09/02/427091.htmlhttp://www.blogjava.net/paulwong/comments/427091.htmlhttp://www.blogjava.net/paulwong/archive/2015/09/02/427091.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/427091.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/427091.htmlhttp://wiki.jikexueyuan.com/project/bootstrap4/



paulwong 2015-09-02 10:56 发表评论
]]>几个实用的BOOTSTRAP插件http://www.blogjava.net/paulwong/archive/2014/12/01/420894.htmlpaulwongpaulwongMon, 01 Dec 2014 13:51:00 GMThttp://www.blogjava.net/paulwong/archive/2014/12/01/420894.htmlhttp://www.blogjava.net/paulwong/comments/420894.htmlhttp://www.blogjava.net/paulwong/archive/2014/12/01/420894.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/420894.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/420894.htmlhttp://www.oschina.net/p/bootstrap-checkbox


Bootstrap 子菜单插件 Bootstrap Sub-Menu
http://www.oschina.net/p/bootstrap+sub-menu


jQuery 日历插件 Bootstrap Calendar
http://www.oschina.net/p/bootstrap-calendar


vsn4ik
https://github.com/vsn4ik?tab=repositories





paulwong 2014-12-01 21:51 发表评论
]]>为你下一个项目准备的 50 个 Bootstrap 插件http://www.blogjava.net/paulwong/archive/2014/11/12/419967.htmlpaulwongpaulwongWed, 12 Nov 2014 06:34:00 GMThttp://www.blogjava.net/paulwong/archive/2014/11/12/419967.htmlhttp://www.blogjava.net/paulwong/comments/419967.htmlhttp://www.blogjava.net/paulwong/archive/2014/11/12/419967.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/419967.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/419967.html阅读全文

paulwong 2014-11-12 14:34 发表评论
]]>Bootstrap 3 Vector UI Kithttp://www.blogjava.net/paulwong/archive/2014/07/10/415641.htmlpaulwongpaulwongThu, 10 Jul 2014 00:16:00 GMThttp://www.blogjava.net/paulwong/archive/2014/07/10/415641.htmlhttp://www.blogjava.net/paulwong/comments/415641.htmlhttp://www.blogjava.net/paulwong/archive/2014/07/10/415641.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/415641.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/415641.htmlhttp://bootstrapuikit.com/

http://bootstrapuikit.com/bootstrap-3-gui-kit.zip


paulwong 2014-07-10 08:16 发表评论
]]>20 个免费的 Bootstrap 的后台管理模板http://www.blogjava.net/paulwong/archive/2014/07/10/415640.htmlpaulwongpaulwongThu, 10 Jul 2014 00:13:00 GMThttp://www.blogjava.net/paulwong/archive/2014/07/10/415640.htmlhttp://www.blogjava.net/paulwong/comments/415640.htmlhttp://www.blogjava.net/paulwong/archive/2014/07/10/415640.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/415640.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/415640.htmlBracket Responsive Bootstrap 3 Admin Template

Bootstrap Admin Templates-15

Apricot Bootstrap 3 Admin Dashboard Template

Bootstrap Admin Templates-16

Cameo – Bootstrap 3 Responsive Admin Template

Bootstrap Admin Templates-17

DefOne – Responsive Bootstrap 3 Admin Template

Bootstrap Admin Templates-18

AdminEx – Bootstrap 3 Responsive Admin Template

Bootstrap Admin Templates-19

Delighted Flat Ajax Bootstrap 3 Dashboard

Bootstrap Admin Templates-20

Hierapolis Admin Template

Bootstrap Admin Templates-12

EdenAdmin

Bootstrap Admin Templates-14

Bootstrap Admin Theme

Bootstrap Admin Templates-13

Meritoo

Bootstrap Admin Templates-11

HTML5 Admin Template

Bootstrap Admin Templates-10

Metis

Bootstrap Admin Templates-5

SB Admin v.2

Bootstrap Admin Templates-6

TemplateVamp

Bootstrap Admin Templates-7

Clean Dashboard Bootstrap Template

Bootstrap Admin Templates-8

Charisma Responsive Admin Template

Bootstrap Admin Templates-9

Metro Dashboard

Bootstrap Admin Templates-4

AdminLTE

Bootstrap Admin Templates-3

Blocks 

Bootstrap Admin Templates-2

DevOOPS

Bootstrap Admin Templates-1

via dizyne



paulwong 2014-07-10 08:13 发表评论
]]>20 个免费的 Bootstrap 模板http://www.blogjava.net/paulwong/archive/2014/07/09/415602.htmlpaulwongpaulwongTue, 08 Jul 2014 23:57:00 GMThttp://www.blogjava.net/paulwong/archive/2014/07/09/415602.htmlhttp://www.blogjava.net/paulwong/comments/415602.htmlhttp://www.blogjava.net/paulwong/archive/2014/07/09/415602.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/415602.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/415602.htmlBootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

本文向你推荐 20 个免费的 Bootstrap 模板：

Studio

( Demo | Download )

Studio

Landon

( Demo | Download )

Landon

E-Shopper

( Demo | Download )

E-Shopper

Starter

( Demo | Download )

Starter

Grayscale

( Demo | Download )

Grayscale

Stylish Portfolio

( Demo | Download )

Stylish Portfolio

FirmaSite

( Demo | Download )

FirmaSite

Pratt

( Demo | Download )

Pratt

Landy

( Demo | Download )

Landy

mPurpose

( Demo | Download )

mPurpose

COLORFUL FLAT

( Demo | Download )

COLORFUL FLAT

Magister

( Demo | Download )

Magister

AdminLTE

( Demo | Download )

AdminLTE

Minimal

( Demo | Download )

Minimal

Counter

( Demo | Download )

Counter

Brushed

( Demo | Download )

Brushed

progressus

( Demo | Download )

progressus

Flatty

( Demo | Download )

Flatty

Media

( Demo | Download )

Media

Shield

( Demo | Download )

Shield

via designerledger



paulwong 2014-07-09 07:57 发表评论
]]>浅释BOOTSTRAPhttp://www.blogjava.net/paulwong/archive/2014/06/09/414541.htmlpaulwongpaulwongMon, 09 Jun 2014 08:12:00 GMThttp://www.blogjava.net/paulwong/archive/2014/06/09/414541.htmlhttp://www.blogjava.net/paulwong/comments/414541.htmlhttp://www.blogjava.net/paulwong/archive/2014/06/09/414541.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/414541.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/414541.html
Bootstrap Class Description
panel 
Denotes a panel with a rounded border. A panel can have a header and a footer.

panel-heading 
Creates a heading for a panel.

btn 
Creates a button.

well 
Groups elements with an inset effect.


格式化TABLE
table 
#Applies general styling to table elements and their contents

table-striped 
#Applies alternate-row striping to the rows in the table body

table-bordered 
#Applies borders to all rows and columns

table-hover 
#Displays a different style when the mouse hovers over a row in the table

table-condensed 
#Reduces the spacing in the table to create a more compact layout


格式化FORM
<div class="form-group">
    <label>Name:</label>
    <input name="name" class="form-control" />
</div>









paulwong 2014-06-09 16:12 发表评论
]]>12 款最好的 Bootstrap 设计工具http://www.blogjava.net/paulwong/archive/2014/05/23/414018.htmlpaulwongpaulwongFri, 23 May 2014 04:13:00 GMThttp://www.blogjava.net/paulwong/archive/2014/05/23/414018.htmlhttp://www.blogjava.net/paulwong/comments/414018.htmlhttp://www.blogjava.net/paulwong/archive/2014/05/23/414018.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/414018.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/414018.html作为一位设计师，会经常追寻新鲜有趣的设计工具，这些工具会提高工作的效率，使得工作更有效， 最重要的是使工作变得更方便。非常肯定的说，随着日益增长的工具和应用的数量，设计和开发变得越来越简单了。其中最普遍使用的最终框架 之一是 Bootstrap，它在 2013 年特别流行。如果你是位设计师，你可能会接触过它，甚至是使用过它。如果你是 Bootstrap 的使用者或者是相关功能的用户，这篇文章非常的适合你！

这里总共列举了 12 款最好的 Bootstrap 设计工具，这些都能很好的简化大家的工作。希望大家能从这些列表中找到适合自己的，在评论跟大家分享一下使用的感想和其他类似的工具，Enjoy ：）

12. Bootstrap Designer

Bootstrap Designer

Bootstrap Designer 是一个在线工具，不需要下载就可以使用。用户可以使用它创建漂亮和迷人基于 Bootstrap 框架的 HTML5 模板。

11. Get Kickstrap

Get Kickstrap

如果用户想结合先进高级的 web 技术和 Bootstrap，可以尝试一下 Get Kickstrap。这款特别的工具非常高大上，可以运行数据库驱动的 web 应用程序，而且还不用任何的后台哦 ：D

10. Bootply

Bootply

这个工具拥有非常多样化的库，集成了其他 Bootstrap 基础插件，框架和库。

9. Bootstrap Button Generator

Bootstrap Button Generator

这个特别的工具能帮助用户轻松创建各种类型的按钮，用户只需要输入 CSS 类到新的按钮中，并且选择相应的颜色值就可以了。当需要使用的时候，只需要复制粘贴就能轻松创建漂亮的按钮了。 

8. Easel

Easel

这个工具能在浏览器中运行，这个非常基础的工具能帮助在小团队工作的开发者和设计者建立非常真实的 web 元素。

7. Layoutit

Layoutit

用户只需要使用拖拽界面构建器就可以轻松创建前端代码。

6. Bootswatch

Bootswatch

这是一个开源的工具，而且非常容易安装和使用。

5. Boottheme

Boottheme

这是一款在线主题生成器和 Twitter Bootstrap 的 web 设计工具。用户可以在设计 webapp 时生成和预览主题。

4. Custom Font Tool

Custom Font Tool

这个特别的工具允许用户创建非常个性化的字体，通过非常舒适的命令行方式。

3. WordPress Twitter Bootstrap CSS

WordPress Twitter Bootstrap CSS

这是另外一个基于 CSS 的 Twitter Bootstrap，让用户能很好的在 WordPress 网站上使用 Twitter Bootstrap JavaScript 库。

2. Bootmetro

Bootmetro

这是个非常灵活和简单的框架，用户可以创建现代化和经典的 web 应用。同时，也可以定义类似 Windows 8 的风格和感觉。

1. Flat UI Free–Framework and Bootstrap Theme Design

Flat UI Free–Framework and Bootstrap Theme Design

这是另外一个基于 Twitter Bootstrap 的工具，可以运行一个平滑风格，组件可以包含 PSD 文件的 UI。使用这个特殊的工具可以创建出非常有创意的 UI。



paulwong 2014-05-23 12:13 发表评论
]]>BUTTON样式http://www.blogjava.net/paulwong/archive/2014/05/20/413888.htmlpaulwongpaulwongTue, 20 May 2014 10:19:00 GMThttp://www.blogjava.net/paulwong/archive/2014/05/20/413888.htmlhttp://www.blogjava.net/paulwong/comments/413888.htmlhttp://www.blogjava.net/paulwong/archive/2014/05/20/413888.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/413888.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/413888.htmlhttp://www.oschina.net/p/buttons

paulwong 2014-05-20 18:19 发表评论
]]>BOOTSTRAP资源http://www.blogjava.net/paulwong/archive/2014/01/06/408579.htmlpaulwongpaulwongMon, 06 Jan 2014 08:06:00 GMThttp://www.blogjava.net/paulwong/archive/2014/01/06/408579.htmlhttp://www.blogjava.net/paulwong/comments/408579.htmlhttp://www.blogjava.net/paulwong/archive/2014/01/06/408579.html#Feedback0http://www.blogjava.net/paulwong/comments/commentRss/408579.htmlhttp://www.blogjava.net/paulwong/services/trackbacks/408579.html
http://www.w3cschool.cc/bootstrap/bootstrap-intro.html
http://getbootstrap.com/getting-started/


BOOTSTRAP在线编辑器
http://www.oschina.net/news/48134/the-best-bootstrap-ui-editors


国产在线代码生成
http://www.bootcss.com/
http://www.bootcss.com/p/layoutit/


2014年8月 10 个全新的 Bootstrap 3 管理模板
http://www.oschina.net/news/54800/10-new-bootstrap-3-admin-templates-august-2014






paulwong 2014-01-06 16:06 发表评论
]]>