`
阅读更多

前段时间,由于项目需要,(基于ios和android系统的大数据量的web项目).

因为之前开发,web项目,使用过javascript和其中的优秀的插件,因此首先选择了jquery mobile.

效果没通过.之后尝试了基于EXT,的插件Sencha..........悲剧,结果还是不理想!

最后,找到了......Bootstrap!

 

个人觉得,Bootstrap, 还是比较好用.容易上手,在API,方面和其他现有的插件相比较,还是比较优秀的,和大家分享下:

Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions.

现在最新的是:Bootstrap 2.0.4 released

Docs

  • Added type="button" to all dismiss buttons in alerts and modals to avoid a bug in which they prevent their parent’s form from properly submitting.
  • Added simple documentation to Base CSS for .lead.
  • Added new CSS test to illustrate how the navbar, static and fixed, behaves.
  • Clarified grid sizing copy to include mention of responsive variations.
  • Reformatted the LESS docs page to prevent terrible table displays at smaller grid sizes.
  • Miscellaneous typos and tweaks.

CSS

  • Refactored forms.less to make our selectors more specific for fewer overrides and less code. Instead of a generic input selector and various resets, we target each type of input like input[type="text"],input[type="password"], etc.
  • Form field state (e.g., success or error) now applies to checkbox and radio labels.
  • Removed redundant CSS on <p> for font-family, font-size, andline-height.
  • Removed redundant color declaration from the <label> element.
  • Added variables for dropdown dividers border colors.
  • legend and .form-actions share the same border-color, #e5e5e5.
  • Fixed some responsive issues with input-prepend and -append, notably with the fluid grid.
  • Added special CSS to prevent max-width: 100%; on images from messing up Google Maps rendering.
  • Scope opened dropdowns to only immediate children to avoid unintended cascade.
  • Similarly, scope floated-right dropdowns to immediate children with.pull-right > .dropdown-menu.
  • Updated .placeholder() mixin to use & operator in Less for proper output when compiling.
  • Added -ms-input-placeholder to .placeholder() mixin.
  • Added CSS3 hyphens mixin.
  • Fixed a bug in IE7/8 where certain form controls would not show text if the parent had a filter opacity set.
http://twitter.github.com/bootstrap/examples/fluid.html

address:http://twitter.github.com/bootstrap/index.html

 

dome:

分享到:
评论

相关推荐

    twitter-bootstrap-admin, 使用 Twitter Bootstrap的管理界面.zip

    twitter-bootstrap-admin, 使用 Twitter Bootstrap的管理界面 Twitter Bootstrap 管理这个项目为基于 Twitter Bootstrap的管理界面提供了一个基本的HTML模板。有 5页模板:index.html: 带有密码恢复选项的登录页面...

    Muhammad Usman Charisma-基于HTML5 Bootstrap搭建的后台模板

    Charisma is a fully featured, free, premium quality, responsive, HTML5 admin template (or backend template) based on Bootstrap from Twitter, it comes with 9 different themes to suit your style and ...

    bootstrap-HTML, CSS, and JS toolkit from Twitter-master.zip

    这个压缩包“bootstrap-HTML, CSS, and JS toolkit from Twitter-master.zip”包含了Bootstrap的最新源码,我们可以从中学习到很多关于HTML、CSS和JavaScript的知识。 **HTML**: Bootstrap提供了丰富的预定义HTML...

    用bootstrap结合php搭建MIS系统框架

    官方介绍:Bootstrap, from Twitter基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集 http://twitter.github.com/bootstrap/ http://wrongwaycn.github.com/bootstrap/docs/ 推荐2款我试用的...

    BootstrapVue用于Vuejs2的TwitterBootstrap4组件

    BootstrapVue是Vue.js 2应用程序开发的一个强大框架,它提供了丰富的、完全可定制的Twitter Bootstrap 4组件。这个框架使得开发者能够轻松地在Vue.js应用中利用Bootstrap的UI设计和交互性,从而创建出响应式、优雅且...

    bootstrap 免费登陆页面、登陆表单(共三款)

    Bootstrap是一款流行的前端开发框架,由Twitter开发并维护,它提供了丰富的预设样式、组件和JavaScript插件,使得构建响应式布局和移动设备优先的Web应用变得简单高效。在这个"bootstrap-login-forms.zip"压缩包中,...

    Bootstrap.By.Example.1785288

    An applied guide exploring two web applications such as Twitter and Dashboard from scratch Hands on the Bootstrap version 4 even before the official release Who This Book Is For If you are a frontend ...

    Python Flask Web开发入门之Bootstrap介绍使用和Flask-Nav快速导航栏 共10页.pdf

    Bootstrap 是当前最受欢迎的前端框架之一,来自 Twitter,Python 中同样可以使用 Bootstrap。Bootstrap 提供了大量的前端组件,能够快速构建响应式的web应用程序。Bootstrap 的核心是基于 HTML、CSS 和 JavaScript ...

    Bootstrap for ASP.NET MVC

    This book guides you through the process of creating an ASP.NET MVC website from scratch using Bootstrap. You will learn about various Bootstrap components as well as techniques to include them in ...

    Jack Spurlock - Bootstrap

    Developed by Twitter and available free from GitHub, Bootstrap supports responsive design by dynamically adjusting your web page layout. With just a basic knowledge of HTML, CSS, and JavaScript, you ...

    Jump Start Bootstrap

    Originally developed by Twitter, Bootstrap is a front-end web framework that's revolutionized modern web development. It makes it easy to build professional, feature-packed websites in no time. Better...

    flask+bootstrap+python

    Bootstrap是由Twitter开发的开源前端框架,主要由HTML、CSS和JavaScript组成。它提供了一系列预先设计的组件,如导航栏、按钮、表单、模态框等,以及一套响应式的栅格系统,使得开发者能够快速创建美观且适应不同...

    Bootstrap for ASP.NET MVC, 2nd Edition

    This book guides you through the process of creating an ASP.NET MVC website from scratch using Bootstrap. You will learn about the various Bootstrap components as well as techniques to include them in...

    Bootstrap: A SitePoint Anthology #1 [2016]

    In this time it’s grown from an internal tool at Twitter to the most used UI/front-end framework on the Web, with more than 7 million websites using it to som degree. This book is a collection of ...

    Extending Bootstrap PDF

    Twitter Bootstrap in the first place. Chapter 2, Applying a Custom Theme, shows you how to create your first Bootstrap project and apply a Bootswatch theme to it. Chapter 3, Creating Your Own Build, ...

    bootstrap-form-examples:引导程序形式的示例

    Bootstrap是由Twitter开发的一款开源CSS框架,它简化了网页设计和开发过程,尤其是对于响应式布局的支持。框架包括栅格系统、排版、按钮、表单、导航及其他UI组件。 在"Bootstrap-Form-Examples"中,我们主要关注的...

    ng2Bootstrap

    import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; @NgModule({ imports: [ BsDropdownModule.forRoot() ] }) export class AppModule { } ``` 接下来,可以在模板中直接使用这些组件,比如创建一个...

    Python库 | Bootstrap_Flask-1.7.0-py2.py3-none-any.whl

    Bootstrap是由Twitter开发的开源前端框架,用于快速构建响应式和移动优先的Web应用。它包含了一套CSS和JavaScript组件,如字体图标、布局工具、导航、下拉菜单、模态框等,极大地简化了网页设计和开发过程。...

    react-bootstrap-typeahead:使用Bootstrap样式进行React typeahead

    import { Typeahead } from ' react-bootstrap-typeahead ' ; // ES2015 var Typeahead = require ( ' react-bootstrap-typeahead ' ) . Typeahead ; // CommonJS UMD构建 NPM软件包中包含开发和生产版本。 或者,...

Global site tag (gtag.js) - Google Analytics