手风琴允许您隐藏内容，直到用户单击显示它。作为最佳实践，标题应该描述可展开部分的内容，以便用户知道内容是什么。
现在可以使用类而不是标记来创建加号和减号图标。以前的方法仍然可以使用，你可以看到下面的演示。
这使用了.accordion-minus类的<我>或< span >标签。
新加类
这使用了.accordion-plus类的<我>或< span >标签。
这使用了。手风琴减类没有或标签。
新的加类
这使用了。手风琴加类没有或标签。
默认情况下，这个Accordion是打开的——它将‘expanded’类添加到‘Accordion -toggle’中，并将‘open’类添加到Accordion -content中。同样，把fa +改成fa-。
没有什么比优柔寡断更令人疲惫，也没有什么比徒劳无益。事实上，另一边的草并不总是更绿。不，一点也不。这跟销赃没关系。有水的地方草最绿。当你越过栅栏时，随身携带水，无论你在哪里，都要爱护草坪。为你的局限性而争论，毫无疑问，它们就是你的。自我形象设定了个人成就的界限。宁可因目标太高而导致脖子僵硬，也不要因目标太低而产生直觉。
改变与成长
当一个人敢于冒险，敢于尝试自己的生活时，改变和成长就会发生。没有计划的目标只是梦想。失败应该是我们的老师，而不是我们的殡仪馆。失败是拖延，不是失败。这是暂时的弯路，不是死胡同。失败是一种我们只能通过什么都不说、什么都不做、什么都不做来避免的事情。邪恶的胜利所必需的一切，就是好人什么也不做。别告诉我这是个难题。如果不困难，那就不是问题。
这个手风琴是默认打开的-它有'expanded'类添加到'accordion-toggle'和'open'类添加到accordion-content。同样，把fa +改成fa-。没有什么比优柔寡断更令人筋疲力尽，也没有什么比徒劳无益。事实上，另一边的草并不总是更绿。不，一点也不。这跟销赃没关系。有水的地方草最绿。当你越过栅栏时，随身携带水，无论你在哪里，都要爱护草坪。为你的局限性而争论，毫无疑问，它们就是你的。自我形象设定了个人成就的界限。 Better get a stiff neck from aiming too high than a hunch from aiming too low.
Change and Growth
Change and growth take place when a person has risked himself, and dares to become involved in experimenting with his own life. An objective without a plan is a dream. Failure should be our teacher, not our undertaker. Failure is delay, not defeat. It is a temporary detour, not a dead end. Failure is something we can avoid only by saying nothing, doing nothing, and being nothing. All that is necessary for evil to triumph, is for good men to do nothing. Do not tell me this a difficult problem. If it were not difficult it would not be a problem.
改变与成长
当一个人敢于冒险，敢于尝试自己的生活时，改变和成长就会发生。
改变与成长
当一个人敢于冒险，敢于尝试自己的生活时，改变和成长就会发生。
改变与成长
当一个人敢于冒险，敢于尝试自己的生活时，改变和成长就会发生。
改变和成长
改变和成长发生在一个人敢于冒险，敢于尝试自己的生活时。
改变和成长
改变和成长发生在一个人冒险的时候，他敢于尝试自己的生活。
改变和成长
改变和成长发生在一个人冒险的时候，他敢于尝试自己的生活。
可展开的部分可以被“嵌套”，以允许其他展开部分中的内容。
优柔寡断
没有什么比优柔寡断更令人疲惫，也没有什么比徒劳无益。事实上，另一边的草并不总是更绿。不，一点也不。这跟销赃没关系。有水的地方草最绿。当你越过栅栏时，随身携带水，无论你在哪里，都要爱护草坪。为你的局限性而争论，毫无疑问，它们就是你的。自我形象设定了个人成就的界限。宁可因目标太高而导致脖子僵硬，也不要因目标太低而产生直觉。
改变与成长
当一个人敢于冒险，敢于尝试自己的生活时，改变和成长就会发生。没有计划的目标只是梦想。失败应该是我们的老师，而不是我们的殡仪馆。失败是拖延，不是失败。这是暂时的弯路，不是死胡同。失败是一种我们只能通过什么都不说、什么都不做、什么都不做来避免的事情。邪恶的胜利所必需的一切，就是好人什么也不做。别告诉我这是个难题。如果不困难，那就不是问题。
热情
如果你没有被热情地解雇，你就会被热情地解雇。在你所处的地方，用你所拥有的，做你所能做的。风浪总是站在最能干的航海家一边。你每个愿望都有实现它的能力。不过，你可能得努力争取。思考是容易的。行动是困难的。按自己的想法去做是最难的。
做大事
如果你不能做大事，那就以伟大的方式做小事。用伟大的思想滋养你的心灵，因为你永远不会比你想象的更高。在你尝试之前，你不知道你不能做什么。不要害怕迈出一大步。你不能两小步跳过一个深坑。不要为小事烦恼……都是些小事。能量加毅力可以征服一切。你每个愿望都有实现它的能力。不过，你可能得努力争取。为什么不去冒险呢? That is where the fruit is.
优柔寡断
没有什么比优柔寡断更让人筋疲力尽，也没有什么比犹豫不决更徒劳…
改变和成长
改变和成长发生在一个人冒险的时候，他敢于尝试自己的生活…
热情
如果你不被热情解雇，你会被热情解雇…
做伟大的事情
如果你不能做伟大的事情，以伟大的方式做小事…
您可以在这里放置各种文本内容，包括一个可展开的部分-请参阅第二个选项卡。
没有什么比我们选择忽视的事情更能决定我们将成为什么样的人。思考是容易的。行动是困难的。按自己的想法去做是最难的。从长远来看，人们只能击中他们瞄准的东西。因此，他们最好把目标定得高一些。为你的局限性而争论，毫无疑问，它们就是你的。这个周六，做一些你多年来一直想做的事情。只为你自己。每个月重复这个过程一次。 The wisest men follow their own direction. The man who is waiting for something to turn up might start on his shirt sleeves.
第一个tab内容在这里…
你可以把各种文本内容放在这里，包括一个可展开的部分-见第二个选项卡。没有什么比我们选择忽视的东西更能决定我们将成为什么样的人了。
这是垂直选项卡示例的第一个选项卡。
这是垂直选项卡示例的第二个选项卡。
这是垂直选项卡示例的第三个选项卡。
这是垂直选项卡示例的第四个选项卡。
< p>这是垂直选项卡示例中的第一个选项卡。 这是垂直选项卡示例中的第二个选项卡。
这是垂直选项卡示例中的第三个选项卡。
这是垂直选项卡示例中的第四个选项卡。
这些盒子可以以多种方式配置，使用多种背景和按钮颜色。下面是几个例子。
< div class="image-block large-6 mid -6 columns"> Architecture
即使没有特定的地方可以去，也有离开的时候。< / p > < p > < class =”按钮半径nomargin tealbg-dark " href = " # " >阅读更多< / > < / p > < / div > < / div > < / div > < / div >
