wangxuznb的博客

作为Web前端开发框架，Bootstrap为大多数标准的UI设计常见提供了用户友好、扩浏览器的解决方案。 1.下载Bootstrap打开官方网址 http://getbootstrap.com/ 进行下载。  2.准备项目模板文件夹接下来，我们为第一个项目创建一个文件夹以及一些基本的文件。谓词我们还要用到HTML5样板文件 HTML5

搭建进度指示器<div id="homepage-feature" class="carousel slide " data-ride="carousel"> <!-- 轮播（Carousel）指标 --> <ol class="carousel-indicators"> <li data-target="#homepage-feature" data-slide-t

通过LESS生成CSS非常方便，同时方便更改嵌套规则嵌套规则可以极大的提高组合样式的效率，比如css中常见的：.navbar-nav {...}.navbar-nav >li {...}.navbar-nav >li >a {...}.navbar-nav >li >a:hover,.navbar-nav >li >a:focus {...}而在LESS中表示方法简

主题色在variables.less文件的开始，可以看到灰色及品牌色的默认变量及其值@gray-darker: lighten(#000,13.5%); //#222@gray-dark我们可以直接进行替换，以涵盖我们所需的完整灰度空间@gray-darker: #222;@gray-dark: #454545;@gray: #777;@gray-li

使用Glyphicons图标库Glyphicons 是在 Web 项目中使用的图标字体。通过Bootstrap可以非常方便的使用图标。 只需要添加以下代码：<span class="glyphicon glyphicon-home"></span>可以通过访问网页查找所需图标的代码http://getbootstrap.com/components/#glyphicons使用Font Awesom

Bootstrap 12栏网格系统Bootstrap 3中通过创造性的使用了媒体查询，使得网格系统具有极强的适应力。 Bootstrap内置了三个断点：小屏幕断点@screen-sm-min 768px中屏幕断点@screen-sm-min 992px大屏幕断点 1200px小断点一个特殊栏类命名法：col-sm- 如果我们想在小断点上使用三栏，就加上class="col-