例如,我知道span和col类已经消失了,所以我将为每个具有该定义混合的类创建一个自定义的较少类,或者在我的模板语言中创建一个宏来输出类名而不是直接使用它.
另外还有一个引导3迁移指南？我找不到一个.
那么,您将采取什么步骤来缓解升级？
解决方法
Bootstrap 3 RC1现已发布.
Twitter的Bootstrap 3将不会向后兼容版本2,所以迁移将永远是痛苦的某种方式.
Twitter的Bootstrap 3将具有流畅的网格(默认情况下),因此它将有助于使用流体布局来构建您的版本2模板.
其他重要变化是：
> TB3将首先移动
>不支持IE7和Firefox 3.x
>没有单独的响应CSS文件.
我喜欢你的想法,以便进行迁移. Twitter的Bootstrap 3定义了三个网格：手机的微格(< 480px),平板电脑的小网格(< 768px)和Destkops的中大网格(> 768px).这些网格的行类前缀是“.col-”,“.col-sm-”和“.col-lg-”.中大网格将叠加在768像素屏幕宽度以下.小网格也低于480像素,而小网格也不会堆叠.除了老式手机总是会堆叠元素(手机第一设计).
Twitter的Bootstrap 2定义了480px,768px,980px和1200px的断点.布局总是低于768px.
因此,“旧”跨度将不会与col- *或col-lg- *相同.所以更换你的模板中的类名将会给你更好的结果.但是,当看到像http://examples.getbootstrap.com/jumbotron/index.html这样的例子,你会发现col-lg- *类代替前一个span * class.在这种情况下,这将为您提供与col-lg- *相同样式的span *创建一个mixin的可能性.
响应特征
当您开始迁移时,您还必须决定使用响应功能. Bootstrap 3没有单独的响应CSS文件.
没有呼救功能
谁不想让呼救功能必须为您的行类使用“.col-”前缀.这个网格永远不会堆叠.您还将必须将grid-float-breakpoint设置为0.当使用Less时,@ grid-float-breakpoint将在无变量中定义.记住其他部分,如表单和模式,也使用@ grid-float-breakpoint.参见：http://bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/
与响应功能
在大多数情况下,您将使用响应特征.迁移时,您必须在“.col-sm-”和“.col-lg-”之间进行选择以替换旧的“span”前缀.如上所述的“col-lg-”将给你最有可能与以前一样的行为. “col-lg-”将低于768px.在这种情况下也考虑grid-float-breakpoint.默认情况下,grid-float-breakpoint为768px.
注意：此刻TB2.3.2.已在主站点上替换为Bootstrap 3 RC1.所以考虑从TB3开始.另请参见http://examples.getbootstrap.com/grid/有关网格的更多示例.
相关问题和更多：
> Images not responsive by default in Twitter Bootstrap 3?
> Twitter’s Bootstrap 3 grid,changing breakpoint and removing padding
> Bootstrap 3.0 Modal
另请阅读https://stackoverflow.com/a/17977432/1596547 https://stackoverflow.com/a/17977432/1596547的答案,它提供两个有用的链接：
http://bootply.com/bootstrap-3-migration-guide
Bootstrap迁移工具的作品：https://github.com/iatek/bootstrap-migrate