Bootstrap:如何在响应式中设置DIV的宽度和高度？

在响应式设计中，可以使用Bootstrap来设置DIV的宽度和高度。Bootstrap是一个流行的前端开发框架，它提供了一套CSS和JavaScript组件，可以帮助开发人员快速构建响应式网页。

要设置DIV的宽度和高度，可以使用Bootstrap提供的CSS类来实现。Bootstrap提供了一些用于设置宽度和高度的类，如col-*和row。

1. 设置DIV的宽度：
   • 使用col-*类：col-*类可以用于创建网格系统，将页面水平分为12列。通过将col-*类应用于DIV元素，可以设置DIV的宽度。例如，col-6表示DIV占据一半的宽度，col-4表示DIV占据三分之一的宽度。
   • 使用自定义样式：除了使用网格系统，还可以使用自定义样式来设置DIV的宽度。可以通过设置DIV的CSS属性width来指定宽度值，例如width: 50%表示DIV占据父元素宽度的50%。

• 设置DIV的高度：
  • 使用row类：row类可以用于创建行，其中的DIV元素会自动填充父元素的高度。通过将DIV元素包裹在row类中，可以实现DIV的高度自适应。
  • 使用自定义样式：除了使用row类，还可以使用自定义样式来设置DIV的高度。可以通过设置DIV的CSS属性height来指定高度值，例如height: 200px表示DIV的高度为200像素。