在bootstrap中，可以使用“col-”类名设置div，从而实现三列布局。下面小编举例讲解如何使用bootstrap制作三列布局。工具/原料morehtml+bootstrap代码编辑器：zend studio 10.0 方法/步骤1/6分步阅读

新建一个html文件，命名为test.html，用于讲解如何使用bootstrap制作三列布局。

2/6

在test.html文件中，使用link标签引入bootstrap.min.css样式文件。

3/6

在test.html文件中，使用div创建三列内容，每列使用放一个input标签。

4/6

在test.html文件中， 设置最外层div的class属性为row。

5/6

在test.html文件中， 三列div使用col-xs-4类名设置，并设置input的类名为form-control。

6/6

在浏览器打开test.html文件，查看实现的效果。

总结：1/1

1、使用link标签引入bootstrap.min.css样式文件。2、使用div创建三列内容，每列使用放一个input标签。3、 设置最外层div的class属性为row。4、三列div使用col-xs-4类名设置，并设置input的类名为form-control。

BOOTSTRAP