Bootstrap新手常見問題

題記

bootstrap這個開源的UI庫確實很方便，用了兩日，以爲不錯，但也有些問題比較頭疼！

 

主題

一、怎麼使用？怎麼定製？下面是一個範例，修改了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>

 

二、把公共的html部分提取出來，做爲模板引入，好比navbar等

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