Bootstrap新手常见问题

题记

bootstrap这个开源的UI库确实很方便,用了两日,觉得不错,但也有些问题比较头疼!


主题

1、怎么使用?怎么定制?下面是一个范例,修改了navbar的颜色,重新设置了select控件的默认长度

<link href="../static/bootstrap/css/bootstrap.css" rel="stylesheet"/>
<script src="../static/bootstrap/js/bootstrap.min.js"/>
<style>
body {
    padding-top: 45px;
}
.navbar-inverse .navbar-inner {
    background: #0C7854;
    background-image: -webkit-linear-gradient(top, #0D8059, #0B6E4D);
}
.navbar .nav > li > a {
    color: #DDD;
}
.navbar .nav .active > a, .navbar .nav .active > a:hover {
    background-color: #0B6E4D;
}

.navbar-inner .brand{
    color: #ffffff;
}

select{
    width:auto;
}
</style>

2、把公共的html部分提取出来,作为模板引入,比如navbar等

$ .get("../common/head.html",function(data){
     $("#floatDiv").html(data);
});
<div class="navbar navbar-inverse navbar-fixed-top" id="floatDiv"></div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值