学习 Twitter Bootstrap 建议 [关闭]答案

【问题标题】：Learning Twitter Bootstrap recommendations [closed]学习 Twitter Bootstrap 建议 [关闭]
【发布时间】：2014-09-21 09:45:19
【问题描述】：

我真的很想学习如何使用 Twitter Bootstrap 3。问题是我似乎找不到学习它的好资源。到目前为止，我尝试过的任何资源都假定您以某种方式了解一些知识，并且没有解释元素的可用类是什么，它们实际使用的类是什么等等。

我只是想要一个源，它可以是一本书/视频，也可以是从头开始的 w/e，如果可能的话，将使用 HTML5、modernizr 和 respond.js 使其支持跨浏览器和实际上给我一个起点（基本文件夹，就像 H5BP），然后我可以稍后开始构建自己的网站。

提前致谢！

【问题讨论】：

Bootstrap 是 CSS、html 和 jQuery。如果你不知道，那么先学习基础知识。 smashingmagazine.com/2009/05/29/…cssbasics.com htmldog.com/guides/css/beginner blog.teamtreehouse.com/beginners-guide-to-responsive-web-design splio.com/responsive html5rocks.com/en/mobile/responsivedesign getbootstrap.com
@BootstrapThemer 我对 css/html 并不陌生。我多年来一直在开发网站。到目前为止，我都是手动完成所有事情，最后认为使用引导程序可以为我节省大量时间，所以我决定学习它。谢谢你的建议。
@kfirba 寻找有关引导网格系统的教程，之后一切都会自然而然地进行。您可以从引导文档中轻松了解基本属性本身。还请阅读LESS，因为这是创建引导程序的内容。
看看Bootply。您可以使用几个不同的入门示例，read this article 可以很好地解释网格的工作原理。

标签： css html twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

引导文档非常有用，可能是最好的资源。

http://getbootstrap.com/getting-started/ http://getbootstrap.com/components

【讨论】：

还是不够。我想要从零开始慢慢教你一切的东西。就像你会发现的任何 PHP 指南或一些 PHP 框架一样
@kfirba 这看起来很有用：tutorialrepublic.com/twitter-bootstrap-tutorial
我会看看这个:) 谢谢！编辑：我已经深入研究了这个，它似乎正是我正在寻找的。它解释了 bootstrap 必须提供的每个属性。非常感谢！
@kfirba 很高兴我能帮上忙！

【解决方案2】：

我的第一个建议是深入学习 CSS。通常，Bootstrap 并不是必需的，但开发人员依赖它是因为他们懒得掌握 CSS 基础知识。欢迎您查看我的系列丛书——Functional CSS——它使用实际示例几乎涵盖了所有 CSS。

如果您热衷于坚持使用 Bootstrap，那么您可以 1) 打印他们示例的源代码 (Bootstrap examples) 并简单地自行重新实现它们，一次输入一行代码块，然后观察效果，2）阅读Bootstrap源码。后者有点超过 6000 行，应该不会花很长时间才能完成。并且，3) 反思您在 1 和 2 中学到的知识，创建使用 Bootstrap 的个人真实网站。

【讨论】：

【解决方案3】：

如果您正在寻找一个好的来源，这里有一个：http://ieatcss.com/twitter-bootstrap-tutorial.html

3 Ieatcss bootstrap 3 教程中使用了逐步实时示例。您无需任何基础知识即可轻松理解它们。

不用担心学习 CSS 和其他乱七八糟的东西。 http://ieatcss.com中的教程是针对完全初学者的，你可以很容易地理解它们。

问候，侯赛因。

【讨论】：