为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

btn+btn-block
这几个类名可以配合按钮中其他颜色类名一起使用,但唯一一点不能缺少“.btn”
.btn 基本按钮。。。。。。.btn-default默认按钮
Bootstrap框架的按钮使用非常的简单,使用方式如下:
<button class="btn" type="button">我是一个基本按钮</button>
需要设置css样式。
他的css格式怎么写?
$(function(){
$(".btn").click(function(){
$("#themodal").modal();
});
})
“offset”设置的是“margin-left”属性,而“push”属性设置的是left,“pull”属性设置的是right,两者是不一样的
注意对比“offset”和“pull”"push"语句的区别
bootstrap体现的是一种整体可重塑的思想,并不是为了单独解决某个问题。要做成响应式的网页布局,可以将col-lg-**,col-md-**,col-sm-**,col-xs-**都添加上去,然后无论你怎么拉动浏览器大小,框架都能保持比例进行变化。响应式的样式主要是通过@media查询屏幕分辨率来实现的。
可不可以下载下来看呀
12栅格是比较标准的分块方法,再配合其他样式可以很容易地打造各种各样的布局
这样就可以了。
$(function(){
$(".btn").click(function(){
$("#mymodal").modal({keyboard:true});
});
});
<div class="modal fade" id="mymodal-data" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消