bootstrap是什么
Bootstrap
是一个用于前端开发的开源工具包,是一个做网页的框架,用它提供的样式和组件可以快速开发网站;它简洁灵活,使得Web开发更加快捷,可以用来快速创建一个响应式网站。
怎样使用bootstrap框架
1.引入bootstrap文件
bootstrap中包含 css和js。
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
2.class名调用
通过 class= "bootstrap名" 来调用bootstrap.css 中的对应效果。
如 <button class="btn btn-danger btn-sm ></button>
结合css和js的案例:
<button class="btn btn-primary" type="button">点击我</button>
<!-- 模态弹出窗内容 -->
<div class="modal" id="mymodal">
<script>
$(function(){
$(".btn").click(function(){
$("#mymodal").modal('show');
});
});
</script>