Activity 7.1 Introduce breakpoints utility classes in your code
如果我们不使用断点,当设备的宽度在 768px 和 992px 之间(例如,在您的笔记本电脑中) 时,我们的表单将如下所示:
如果我们不使用断点,当设备的宽度在 576px 到 768px 之间(例如智能手机) 时,我们的表单将如下所示:
此活动的目标是使表单在智能手机上显示一致,就像在笔记本电脑上一样,如下所示:
修改Form.vue
如果我们不使用断点,当设备的宽度在 768px 和 992px 之间(例如,在您的笔记本电脑中) 时,我们的表单将如下所示:
如果我们不使用断点,当设备的宽度在 576px 到 768px 之间(例如智能手机) 时,我们的表单将如下所示:
此活动的目标是使表单在智能手机上显示一致,就像在笔记本电脑上一样,如下所示:
修改Form.vue
<div class="col-md-6"> ... </div>
改成
<div class="col-12 col-sm-6"> ... </div>课程目录