随笔分类 - Bootstrap
1
只有注册用户登录后才能阅读该文。
只有注册用户登录后才能阅读该文。
摘要：1.设计进度条、文字前面的圆点和图片 2.思路： （1）设计进度条 （a） 进度条有滚动效果，要加上类.active （b）进度条的颜色通过类.progress-bar-success来写，可以写成.progress-bar-danger，或者.progress-bar-warning （c）进度条
阅读全文
摘要：1.将btn的样式换成以下的样式 2.思路： （1）将原来的btn样式设置color：#FFF，同时text-shadow设置，这样原来的btn样式就会变淡了，后面再加上新的样式就可以覆盖掉 注意：要将active，hover，focus都设置成一样的。 （2）加上新的btn样式，对active，h
阅读全文
摘要：1.给横线上加字 . 2.思路：通过z-index实现，可以将父元素的z-index设置成2，而横线的z-index设置成-1，这样有字的地方就可以覆盖横线，再设置字的padding达到合理的宽度 （1）设置父元素类.text-with-hr的z-index （2）设置横线的z-index 注意：设
阅读全文
只有注册用户登录后才能阅读该文。
只有注册用户登录后才能阅读该文。
摘要：1.分页，点击哪个分页号，哪个分页号就active
阅读全文
摘要：1.导航 Bootstrap 中的导航组件都依赖同一个 .nav 类。 如果你在使用导航组件实现导航条功能，务必在 <ul> 的最外侧的逻辑父元素上添加 role="navigation" 属性，或者用一个 <nav> 元素包裹整个导航组件。不要将 role 属性添加到 <ul> 上。 2.导航条
阅读全文
摘要：1. 2. （1）首先是两个按钮，因此需要<div class="btn-group">加上"btn-group"。 （2）要将下拉菜单与按钮联系在一起 （3）下拉的标志就是 <span class="caret"></span>
阅读全文
只有注册用户登录后才能阅读该文。
摘要：1.情景：这是出现在手机端导航适配的，点击文本MENU可以出现下拉的list 解决方法： 1.首先要想到，MENU只有两个状态，因此可以用checkbox实现 2.将MENU放在label标签里面，label的for与checkbox的id一致就可以关联在一起了 3.将要显示的list先设置为隐藏，
阅读全文
摘要：只要用到栅格，就注意要清除浮动，清除方法就是在父元素的class上加一个clearfix 1.情景: <div class="col-sm-7"> <div class="news-list"> <div class="news-list-item "> <div class="col-xs-5">
阅读全文
摘要：1.多行代码可以使用 <pre> 标签。 为了正确的展示代码，注意将尖括号做转义处理。而且可以根据编写代码的缩进格式显示 <div> <pre> <script type="text/javascript"> $(function(){ alert("Hello Jquery"); })
阅读全文
摘要：1.head标签里面的内容 <!DOCTYPE html> <html lang="zh-cn"> <head> <!-- 页面编码 --> <meta charset="utf-8"> <!-- 标签名称 --> <title>index</title> <!-- IE渲染模式 --> <meta
阅读全文
1
