05. 元素size变更

Bootstrap4入门

优酷频道 技术频道

元素size变更

知识点

  • w-*
  • h-*

参考网页:

https://getbootstrap.com/docs/4.0/utilities/sizing/

实战演习

<style>
    .my-container {
        width: 200px;
        height: 200px;
        background: #ddd;
        margin-bottom: 5px;
    }
</style>
...
<div class="my-container">
    <div class="bg-primary w-25 h-50">小马视频</div>
</div>
<div class="my-container">
    <div class="bg-success w-75 h-100">小马视频</div>
</div>

课程文件

https://gitee.com/komavideo/LearnBootstrap4

小马视频频道

http://komavideo.com