图片
简单的图像
这一次，爱丽丝耐心地等着，直到它再次开口说话。过了一两分钟，毛毛虫把水烟管从嘴里拿出来，打了一两次哈欠，摇了摇身子。然后它从蘑菇上下来，在草地上爬走了，只是一边走一边说:“一边会让你长高，另一边会让你变矮。”
这一次Alice耐心地等待着，直到它再次选择说话
简单图像右浮动
这一次，爱丽丝耐心地等着，直到它再次开口说话。过了一两分钟，毛毛虫把水烟管从嘴里拿出来，打了一两次哈欠，摇了摇身子。然后它从蘑菇上下来，在草地上爬走了，只是一边走一边说:“一边会让你长高，另一边会让你变矮。”
这一次Alice耐心地等待着，直到它再次选择说话
简单图像左浮动
这一次，爱丽丝耐心地等着，直到它再次开口说话。过了一两分钟，毛毛虫把水烟管从嘴里拿出来，打了一两次哈欠，摇了摇身子。然后它从蘑菇上下来，在草地上爬走了，只是一边走一边说:“一边会让你长高，另一边会让你变矮。”
这一次Alice耐心地等待着，直到它再次选择说话
图片标题
这是一个图片标题
调整类“大-10”向上或向下(最大12)取决于你的图像的大小!
就像按钮一样，你可以选择标题的背景色——使用奶油色、灰白色、茶色或粉白色。
添加适当的灰色边界，蓝绿色边界或蓝色边界。
这是一个图像标题标题
调整类"large-10"上下(最大12)取决于你的图像的大小!
浮动图像和标题向右
这是一张右漂的校园图片
在周围的div上使用“right”类。
这一次，爱丽丝耐心地等着，直到它再次开口说话。过了一两分钟，毛毛虫把水烟管从嘴里拿出来，打了一两次哈欠，摇了摇身子。然后它从蘑菇上下来，在草地上爬走了，只是一边走一边说:“一边会让你长高，另一边会让你变矮。”
这是一个校园的右浮动图像
在周围的div上使用类'right' .
这次Alice耐心地等待，直到它选择再次说话…
向左浮动图像和标题
这是一个左漂的校园图像
在周围的div上使用class 'left'。
这一次，爱丽丝耐心地等着，直到它再次开口说话。过了一两分钟，毛毛虫把水烟管从嘴里拿出来，打了一两次哈欠，摇了摇身子。然后它从蘑菇上下来，在草地上爬走了，只是一边走一边说:“一边会让你长高，另一边会让你变矮。”
这是一个左浮动的校园图像
在周围的div上使用class 'left' .
这次Alice耐心地等待，直到它选择再次讲话…
图像大小
图像将自动神奇地缩小，以适应他们已经放置的容器。在移动视图中，图像将扩展(达到其最大宽度)以占据页面的100% -这意味着图像大小增加图像的宽度和高度属性不会影响图像的显示方式。
一个小图像的例子
