Bootstrap4元素的宽度和高度

打开WebStrom开发工具，新建test.html文件

将bootstrap4的css和js文件夹放到同级目录，目录结构如下图

引入bootstrap4样式文件，代码如下：                        

浏览器查看效果如下图，因为div是块级标签，默认会占据整行的显示

修改代码设置div的宽度，代码如下：                        

浏览器查看效果如下图，注意调整浏览器宽度，div始终占显示的百分之二十五，这就是响应式的思想

修改代码，设置div的高度，注意这里外面在套一个div，h-50是指占高度占外层div的百分之五十，代码如下：                        

浏览器查看效果如下图所示