@charset "utf-8";/*通用----------------------------------------------------------------------------------------------------------------*/

/*将a标签去掉点击后的虚线边框*/body{font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;

}a:focus{outline:none;

}

/*导航部分-------------------------------------------------------------------------------------------------------------*/

/*导航区域背景色*/.navbar{background-color:#2056AC;

}

/*导航a首选标签,聚集光标和鼠标放上去背景色*/.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#FE7C19;color:#FFFFFF;

}

/*网站名称*/.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand{color:#FFFFFF;font-size:15px;

}

/*去除导航ul头部内边距*/.dhul{margin-top:0;

}

/*导航a标签,聚集光标和鼠标放上去背景色*/.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color:#FE7C19;color:#FFFFFF;

}

/*导航条文字颜色*/.navbar-default .navbar-nav > li > a{color:#FFFFFF;

}

/*导航条按钮背景色*/.navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:#ddd;

}

/*导航条按钮文字三横背景和文字颜色*/.navbar-default .navbar-toggle .icon-bar{background-color:#f5f5f5;border-radius:1px;box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);display:block;height:2px;width:18px;

}

/*轮播器--------------------------------------------------------------------------------------------------------------*/

/*将轮播器头部外边距设置50像素*/#myCarousel{margin:50px 0 0 0;

}.carousel-inner .item img{margin:0 auto;

}.tp1{background:#D6E5EA;

}.tp2{background:#F4F3F1;

}.tp3{background:#E2E1E7;

}

/*经营业务-------------------------------------------------------------------------------------------------------------*/.tab-h2{font-size:20px;color:#0059B2;text-align:center;letter-spacing:1px;

}.tab-p{font-size:15px;color:#999;text-align:center;letter-spacing:1px;margin:20px 0 40px 0;

}.tab1{margin:30px 0;color:#666;

}.tab1 .media-heading{margin:5px 0 20px 0;

}.tab1 .text-muted{color:#999;text-decoration:line-through;

}.tab1 .media-heading{margin:5px 0 20px 0;

}.tab1 .text-muted{color:#999;text-decoration:line-through;

}.tab1 .col{padding:20px;

}.media{box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);

}

/*两段内容部分*/.tab2{background:#eee;padding:60px 20px;text-align:center;

}.tab2 img{width:40%;height:40%;

}.tab3{padding:40px 0;text-align:center;

}.tab3 img{width:65%;height:65%;

}.text h3{font-size:20px;

}.text p{font-size:14px;

}

/*底部-----------------------------------------------------------------------------------------------------------------*/.dibu{background-color:#222222;

}.dibu .row{color:#FFFFFF;

}.dibu .row h4{box-shadow:0 1px 0 rgba(255, 255, 255, 0.97);padding:10px 0;

}

/*版权*/.banq{background-color:#000000;

}.banq .banq{padding:10px 0 0 0;

}.banq p{color:#777777;

}

/*小屏幕(平板,大于等于 768px)*/@media (min-width: 768px){

/*网站名称*/.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand {

color: #FFFFFF;font-size:20px;

}.tab-h2{font-size:26px;

}.tab-p{font-size:16px;

}}/*中等屏幕(桌面显示器,大于等于 992px)*/@media (min-width: 992px){

/*网站名称*/.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand {

color: #FFFFFF;font-size:23px;

}.tab-h2{font-size:28px;

}.tab-p{font-size:17px;

}}/*大屏幕(大桌面显示器,大于等于 1200px)*/@media (min-width: 1200px){.tab-h2 {

font-size:30px;

}.tab-p{font-size:18px;

}}

bootstrape实战案例_第二百五十二节,Bootstrap项目实战-首页相关推荐

  1. 第二百五十三节,Bootstrap项目实战-资讯

    Bootstrap项目实战-资讯 html <!DOCTYPE html> <html lang="zh-cn"> <head><meta ...

  2. Python和Java结合的项目实战_[项目实战] Python高级教程项目实战篇 Python和Java结合的项目实战 视频教程 [...

    资源介绍 课程简介:xa0xa0 Python高级教程项目实战篇 Python和Java结合的项目实战 视频教程 教学视频 ----------------------课程目录 Python项目实战篇 ...

  3. python数据项目分析实战技法_《Python数据分析与机器学习实战-唐宇迪》读书笔记第9章--随机森林项目实战——气温预测(1/2)...

    第9章--随机森林项目实战--气温预测(1/2) 第8章已经讲解过随机森林的基本原理,本章将从实战的角度出发,借助Python工具包完成气温预测任务,其中涉及多个模块,主要包含随机森林建模.特征选择. ...

  4. 老男孩mysql高级专业dba实战课程_老男孩MySQL高级专业DBA实战课程/高级运维DBA课程/MySQL视频教程下载...

    课程名称 老男孩MySQL高级专业DBA实战课程/高级运维DBA课程/MySQL视频教程下载 课程目录 第一部 MySQL基础入门(21节) 第二部 MySQL多实例安装与企业应用场景(10节) 第三 ...

  5. android项目实战博学谷源码_阿里爆款SpringBoot项目实战PDF+源码+视频分享

    前言 关于SpringBoot网络上有太多的博客跟资料,其影响力想必不用我多说了.它作为当前最流行的微服务框架,不但使用更加简单,而且功能更加丰富.性能更加稳定和健壮.其"约定大于配置&qu ...

  6. vue 将字符串最后一个字符给替换_前端开发:Vue项目实战-Music

    大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...

  7. 高性能MySQL实战第12讲:海量数据MySQL项目实战

    你好,我是你的数据库老师周彦伟,欢迎来到第 10 课时"MySQL 亿级数据库项目实战",这是本系列课程的最后一课时,本课时的主要内容包含 MySQL 典型数据库架构介绍.MySQ ...

  8. 软件测试项目实战32讲,软件测试入门-黑马头条项目实战

    课程简介 本课程以黑马头条实战项目为例,将项目的整个测试流程做了详细的介绍,并带着大家一起进行产品需求评审,项目测试计划编写,测试需求分析,以及测试用例的设计编写和执行操作,通过完成实际的功能业务测试 ...

  9. unity应用开发实战案例_「简历」STAR法则的实战应用,附手把手教学案例

    关注@应届生求职网,了解更多求职信息 本文共2072字,预计阅读需3分钟 本期分享导师-Anna_青云导师 51Job职场导师 知乎职场千赞答主 多年猎头及多行业人力资源管理经历 职业生涯规划师.职业 ...

最新文章

  1. poj3068(最小费用流)
  2. Java中isAssignableFrom,instanceof
  3. 开机时不显示启动菜单grub
  4. 在数据中心中使用光缆颜色代码的重要性
  5. boost::multi_array模块实现index_range 的测试
  6. Spring MVC 中使用AOP 进行事务管理--XML配置实现
  7. 【iVX 初级工程师培训教程 10篇文拿证】09 聊天室制作
  8. Sublime Text for Mac 最新版安装后,无法搜索到Install Package的解决办法
  9. Python day7之mysql
  10. MongoDB 快速入门实战教程最新版
  11. socket服务器和客户端的建立步骤
  12. 基于aspnet+20ajax问卷调查系统的设计和实现_百度文库,基于ASP.NET问卷调查系统的设计与实现.doc...
  13. python自动化测试-最常用的自动化测试框架
  14. 澳大利亚麦考瑞大学计算机学院王岩教授招收2022-2023年入学博士研究生和双学位博士生
  15. SMOS、AMSR2以及SMAP三种土壤水分遥感产品的下载和预处理
  16. K_A08_004 基于 STM32等单片机驱动MX1919模块按键控制直流电机正反转加减速启停
  17. coso2dx-lua 电脑模拟器 , 不重启游戏 直接让修改过的 lua 代码 生效
  18. Android Studio连接使用第三方模拟器
  19. [工作积累] TAA Ghosting 的相关问题
  20. ASP.NET MVC3 查询解决方案

热门文章

  1. mpi4py多进程实例/举例
  2. pycharm 链接wsl和 wsl 配置cuda nvidia
  3. python moviepy 特效编辑
  4. 在网页中使用for (flask框架)
  5. 「自己开发直播」rtmp-nginx-module实现直播状态、观看人数控制
  6. DPI 设置过大该如何还原?
  7. WebSocket实战之————Workerman服务器的安装启动
  8. OpenStack安装部署实战——问题集锦
  9. discuz!x3 门户友情链接模块的横排显示
  10. Android切近实战(八)