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

玩转Bootstrap(基础)

最新回答 / 慕粉4383214
比如说你在在做一个页面,开始之前先定义好这个页面的字体、字体大小、行高等等这些页面所有元素都能通用的样式,叫全局样式,通常将这些通用的样式放在一个单独的CSS文件中。好处是不需要在每个元素中再次设置同样的样式,而且也可以去除元素本身自带的样式。举例:*{margin:0;padding:0;font-family:"微软雅黑";font-size:14px;color:#000;}
☑ .table:基础表格

☑ .table-striped:斑马线表格

☑ .table-bordered:带边框的表格

☑ .table-hover:鼠标悬停高亮的表格

☑ .table-condensed:紧凑型表格

☑ .table-responsive:响应式表格
链接有问题,最好用带http的cdn

<link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">

<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

<script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
通俗点说就是,css里别管那些没用的代码,是让你看思路的,不是让你纠错的,这个网页部分的字体都是14px,那就是用,逗号把所有的类隔开然后统一定义比如:.nav,.main,.left,.right{font-size:14px}
就是多个类选择器一起定义一个或多个共需的样式,要是还不明白那我也没办法了,嘴笨,说得不对勿喷,
我觉得讲的挺通俗易懂的。就是一句话卡5秒不太好。听着就断节了
吓得我刷新了几次屏幕,真心没人发言,是bug吗?
这个倒有点意思

最赞回答 / Nick_arron
实现方式的区别:col-md-offset-*,是利用margin-left实现的,col-md-push-*/col-md-pull-*是利用相对定位实现的。效果的区别,col-md-offset-*只能向右便宜,因为实现方式就是margin-left,而push/pull因为是相对定位,既可以左偏移也可以右偏移还有一点,如果一行的偏移量+实际的宽度综合超过12,col-md-offset会换行显示,也是因为margin,而push/pull只会一部分不可见(超出容器),因为是相对自身定位。从功能上来看...
<script>
$("a.list-group-item").on("click",function(){
$("a.list-group-item").removeClass("active");
if(this.className!="list-group-item disabled"){
$(this).addClass("active");
}
})
</script>
实际效果
继续加油!
感觉只是基础的东西,大的框架还得通过实际来操作
bootstrap本人还是研究比较多的,有不懂得同学可以多少问问,会尽量帮助你们的,这是个好的框架!
学bootstrap 学精通,过英语4 6级不是问题!~~
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消