新手使用Bootstrap容易遇到的问题

标签：class   bre   样式   新手   基于   问题   over   学习   active   

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。

新手在用到Bootstrap最常遇到的问题便是框架用错地方以及属性用错

在这里我定义一个导航栏的样式

代码如下

<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>

定义一个div

<div class="navbar navbar-inverse navbar-fixed-top" id="floatDiv"></div>

在写Bootstrap时我们不只有框架的响应式布局还有很多使用的效果，想学习可以去官网学习新的知识

新手使用Bootstrap容易遇到的问题

标签：class   bre   样式   新手   基于   问题   over   学习   active   

原文地址：http://www.cnblogs.com/ljc7878/p/7397708.html