Bootstrap Beginner FAQs

Preface

Bootstrap this open source UI library is really convenient, with two days, feel good, but there are some problems more headache!

Theme

1, how to use? How to customize? Here is an example that modifies the color of the navbar and re-sets the default length of the Select control

<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, the public HTML parts extracted, as a template introduced, such as NavBar, etc.

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

Bootstrap Beginner FAQs