CSS引导图是一个非常实用的工具，可以帮助设计师和开发者更快速地创建出漂亮的界面。在CSS引导图中，横向布局是非常重要的，因为很多页面都需要使用横向布局来实现更好的展示效果。

以下是一些CSS样式可以用来实现横向布局：

/* 设置外部容器 */
.container {
display: flex; /* 设置容器为弹性布局 */
flex-direction: row; /* 设置主轴为水平方向 */
justify-content: space-between; /* 设置子元素间距为均分 */
}
/* 设置子元素 */
.item {
width: 100px; /* 设置子元素的宽度 */
height: 100px; /* 设置子元素的高度 */
margin: 0 10px; /* 设置子元素间距 */
}

在上面的代码中，我们首先定义了一个外部容器，并将其设置为弹性布局。然后，我们将主轴方向设置为水平方向。最后，我们使用了justify-content属性来均分子元素间的距离。

对于子元素，我们设置了宽度和高度，并在它们之间添加了一些间距。这些样式可以灵活地根据实际需要进行调整。

总之，横向布局是CSS引导图中非常重要的一部分，能够帮助我们创建出更加漂亮和实用的界面。如果你还没有使用过弹性布局来实现横向布局，那么现在就尝试一下吧！