partial 也可以使用布局 .. 在这个视图里我们用了一个 photo partial ... 想为这个 partial 指定一个布局，可以这样，添加一个 layout 选项 .. 它的值就是要使用的布局的名字 .. 比如 bordered ..

再去创建这个布局 ...

partial 的布局要放在跟 partial 同一个目录的下面 ... photo 这个 partial 是在 app/views/photos 这个目录的下面，所以我们要在这个目录的下面为它创建一个布局 ... partial 布局的文件的名字也要使用下划线作为前缀 .. 然后是布局的名字 .. bordered ...

在这个布局里添加一组 div 标签，上面用点行内样式 .. 添加一个 border-bottom 下边线 ... 在这些 div 里面，用一个 yield ... 这样 partial 的内容会就在这里显示了 ..

保存 .. 回到浏览器预览一下 ...

你会看到，每个项目的下面都会有一个下边线 ... 因为负责显示这块内容的 partial 使用了 bordered 布局，在这个布局里应用了这个下边线的样式 ...