Bootstrap的简单使用 1.Bootstrap是什么? 这是Bootstrap官网上对它的描述:Bootstrap是最受欢迎的HTML.CSS和JS框架,用于开发响应式布局.移动设备优先的WEB项目 2.Bootstrap的使用需求 1.Bootstrap是一个快速开发Web应用程序的前端框架,并且有丰富的组件.插件,可以用于我们快速开发出用户友好的WEB界面 2.支持移动式设备响应,Bootstrap 会自动帮你针对不同的屏幕尺寸调整你的页面,使其在各个尺寸的屏幕上表现良好. 3.Boo…
<nav class="navbar navbar-default" style="border-color: transparent;"><div class="container"><div class="navbar-header"><!-- 自适应隐藏导航展开按钮 --><button type="button" class="navb…
前言 bootstrap自带的响应式导航栏是向下滑动的,有时满足不了个性化的需求,需要做一个类似于android drawerLayout 侧滑的菜单,这就是我要实现的bootstrap自定义侧滑菜单,参考了很多官网的侧滑,实现方法各有不同,优缺点也十分明显,有的官网首页为了仅仅实现一个侧滑的效果,用了owl.carousel滑屏的插件,个人觉得小题大做了.这个bootstrap侧滑菜单更专业的名字叫做手机导航栏.我也比较这个名字,更符合bootstrap的特性.所以我这篇文章介绍的更容易的一种…
#ReportingDate = soup.select('body > div.main > div > div.ctr > div.recruit > ul > li > a')[0].text.split('(')[-1].split(')')[0] ReportingDate ="2015年11月20日" array = time.strptime(ReportingDate, u"%Y年%m月%d日") try:…
2010年01月01日 到 2019年05月20日 之间,滚动市盈率历史新低排名. 上市三年以上的公司, 2019年05月20日市盈率在300以下的公司. 1 - 阳光照明(SH600261) - 历史新低 - 滚动市盈率PE:11.09 - 滚动市净率PB:1.41 - 滚动年化股息收益率:4.16%- 阳光照明(SH600261)的历史市盈率走势图 2 - 国药股份(SH600511) - 历史新低 - 滚动市盈率PE:12.09 - 滚动市净率PB:1.82 - 滚动年化股息收益率:1.9…
效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="bootstrap-3.3.6-dist/js/jquery-1.11.2.min.js"></script> <link href=&…
前言: 昨天晚上休息,忘记发博客了.对于学习这件是,还是需要坚持的.想想自建一个Jekyll博客模版还是很兴奋的,话不多说,看正文吧! 关于开发:  先看个Demo吧,点这里.你会发现,点击是没有效果的,对于这样的瑕疵,我是不能容忍的,劳资就各种百度,发现度娘,终于找到了一个方法.只要添加一个属性就行. data-toggle="tab" Demo在这里,又解决了一个问题,还是很开心的.接下来,准备添加类似于手机上的侧边栏,一个自定义的导航栏就算OK了. 具体的Slideout的Dem…
直接上页尾部分的代码: <!--采用container-fluid,使得整个页尾的宽度为100%,并设置它的背景色--><footer class="container-fluid foot-wrap"> <!--采用container,使得页尾内容居中 --> <div class="container"> <div class="row"> <div class="r…
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><!--引入boorstrap的css文件--><link rel="stylesheet" href="css/bootstrap.min.css"><!--在引入bootstrap的js文件之前 引入jquery文件,因为boot…
在给nav 的属性赋值 opacity:0.0透明度时会导致nav内子元素会继承opacity属性.此时再对子元素赋值opacity:1.0 时会导致 子元素实际opacity值为0.0*1.0=0.0. 此情况可通过 一行代码完美解决:初始化nav时 加入 .navbar-transparent 例: <nav class="navbar navbar-fixed-top navbar-transparent" role="navigation"> 注…