Bootstrap
一、响应式
是指可以根据你屏幕的大小来适应,会根据你的屏幕自己去算
底层原理 不管你的页面多大 都把你的屏幕分成十二份。然后根据你的实际大小需求选择某一个显示。
响应式的数据驱动
二、组件的优化
名字
此原理是优化后的按钮等 此原理是别人将东西写好了 自己去使用,只是其中class中的参数不能随意更改,如果更改了 会没有效果的。
VUE入门程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本,优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<title>Document</title>
</head>
<body>
<div id="div"> {{message}}</div>
<script>
var app=new Vue({
// el为挂载点
el:"#div",
data:{
message:"我的第一个程序"
}
})
</script>
</body>
</html>