如何利用Boostrap框架搭建一个还可以的静态网站
前面已经写过的不再重复
<div id="" class="col-lg-5">
<h2>小安的电子烟凭评测!~</h2>
<p class="font_normal">音乐>电音 2020-06-18 12:00:08</p>
<p>3.5万播放 · 393弹幕 <img src="img/logo/禁止.png" > 未经作者授权,禁止转载</p>
</video>
</div>
<div id="" class="col-lg-3">
<div id="" class="col-lg-3">
<img src="img/ElectronicCigarettes/user_img_1.jpg" class="img-circle style_autoIMG">
</div>
<div id="" class="col-lg-9">
<div id="" class="row">
<div id="" class="col-lg-8">
<h3 class="userName_color">小安是小安不是烟鬼</h3>
</div>
<div id="" class="col-lg-4">
<p><img src="img/logo/信.png" >私信</p>
</div>
</div>
<p>这个人很懒,什么都懒得说</p>
<button type="button" class="btn btn-success btn-lg btn_size_25percent">关注</button>
<button type="button" class="btn btn-danger btn-lg btn_size_25percent">充电</button>
</div>
</div>
css
.style_autoIMG{
width: 100%;
height: 100%;
}
.userName_color{
color: #FB7299;
}
<div id="" class="row">
<!--电子烟视频-->
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<video src="ElectronicCigarettes/Moive/电子烟劝解.mp4" controls="controls" autoplay="autoplay" class="style_autoIMG bounceInDown animated">
</video>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="col-lg-2">
<img src="img/ElectronicCigarettes/user_img_1.jpg" class="style_autoIMG img-circle">
</div>
<div id="" class="col-lg-10">
<h3 class="userName_color">小安是小安不是烟鬼</h3>
<p>小孩子不要购买电子烟哦~</p>
<p>小孩子不要购买电子烟哦~</p>
<p>小孩子不要购买电子烟哦~</p>
<p>重要的话说三遍!</p>
<b>两小时前  </b><img src="img/logo/支持_2.png" >123   <img src="img/logo/反对_2.png" >
 
<b>回复</b>
</div>
css
.style_autoIMG{
width: 100%;
height: 100%;
}
.userName_color{
color: #FB7299;
}
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/ElectronicCigarettes/mid_img_1_599x247.png" alt="..." class="rotateInDownLeft animated">
<div class="caption">
<h3>太上皇-菠萝</h3>
<p>口感体验:入口酸甜可口菠萝,有如一口甘甜可口的菠萝脆爽的口感,浓郁的菠萝精华在口腔中蔓延,配搭清凉显得不那么甜腻,口感还原到位!菠萝就在口中~</p>
</div>
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">电子烟危害远小于普通烟</h3>
</div>
<div class="panel-body">
<p>焦油</p>
<p>普通烟危害最大的是焦油,焦油是指吸烟过程中烟嘴内留存的一层棕色油腻物质,俗称烟油。
吸烟过程中非常直观的一种变化,就是过滤嘴随着抽吸颜色逐渐加深,而夹着烟的手指也会被熏的变色,
当然吸烟后牙齿也会随之被染上一层深色,而其根源就在于焦油。</p>
<p>焦油可不只是变色这么简单,事实上,它是有机物在缺氧条件下不完全燃烧的产物,因此包含非常多的有物质,其中不少都是致癌物,比如苯并芘、镉、砷、β荼、胺、亚硝胺等多种致癌物质和苯酚类、富马酸等促癌物质,正因为如此,普通烟草成为了世界卫生组织旗下国际癌症研究机构列出的一类致癌物,也就是明确致癌。除此以外,烟焦油还会导致加速人体血管老化,导致血管逐步硬化丧失弹性导致心血管疾病,其他诸多疾病也往往是因为焦油导致的,因此很多疾病医生的第一建议就是戒烟。
</p>
<p>尼古丁</p>
<p>尼古丁是烟草中的另一个重要成分,也是众所周知的烟草成分,尼古丁俗称烟碱,其本身的生理危害并不像烟焦油那样严重,但是尼古丁有一个很麻烦的问题,那就是成瘾性。尼古丁会导致人上瘾,这也是为什么吸烟的人戒烟困难。在这一点上,无论是电子烟还是普通烟都有尼古丁。不过,二者还是有区别,因为普通烟草的尼古丁本身是包含在烟草里,是烟草成长分泌的产物,所以降低尼古丁在普通烟草里是个非常困难的课题(因为烟草是物理加工过程,所以尼古丁并不会减少,如果采取化学办法减少尼古丁,必然导致烟草风味发生变化,影响烟草的销量)。反观电子烟,由于尼古丁是直接添加的,所以可以控制尼古丁的比例,甚至可以做到0尼古丁。
</p>
<p>反观电子烟呢?</p>
<p>电子烟的雾化本身也可以产生颗粒,但是这个颗粒是液态颗粒,进入人体会被吸收或排除,比如临床上常用地雾化给药就是这个原理,雾化后的药物会被人体吸收。不仅如此,现代雾化技术的提升,使得雾化水平越来越高,比如麦克韦尔的FEELM都可以做到1μm的雾化,也就意味着其雾化出来的烟气是不包含PM1-PM10范围内的颗粒物,自然也不会对个体带来固体颗粒物的损伤了。
</p>
<p>事情到了这里,从直观的角度,我们已经看出,电子烟比普通烟危害要少多了,表现在:</p>
<p>1,普通烟有危害巨大的烟焦油,电子烟没有烟焦油</p>
<p>2,普通烟的尼古丁含量固定,很难根除,电子烟的尼古丁是添加成分,可以调节不同浓度</p>
<p>3,普通烟燃烧会产生大量无法分解的固体颗粒物如PM2.5等附着于喉咙、气管、肺部等部位,不断积累对人体产生伤害,而电子烟技术产生的是可以分解的液态颗粒物被人体吸收或排出,基本上不产生颗粒物伤害。</p>
<p>因为如此,所以电子烟的出现,是作为普通烟的替代物,这其中的好处就是一方面,对于无法戒烟的群体,可减少普通烟中焦油等有害物质带来的健康损伤;另一发面,电子烟的成分可控,比如可以不断降低尼古丁含量,从而减轻患者对尼古丁的依赖,从而实现戒烟。所以会被用作戒烟使用。</p>
</div>
</div>
<!--电子烟页面-->
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.css">
<link rel="stylesheet" type="text/css" href="css/indexCss1.css" />
<link rel="stylesheet" type="text/css" href="css/SmokeNote_Style.css" />
<link rel="stylesheet" type="text/css" href="css/CommonStyle.css" />
<link rel="stylesheet" type="text/css" href="animate.min.css" />
<script src="js/jquery-3.4.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/CommonStyle.js"></script>
<title></title>
</head>
<body>
<header>
<div>
<nav class="navbar navbar-default col-lg-12" id="_header_MainScreen">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="" class="AUTO_center"><a class="navbar-brand" href="#"><img src="img/logo.png"></a></div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html" class="font_style_150-withe-txt">主站 <span class="sr-only">(current)</span></a></li>
<li><a href="SmokeNote.html" class="font_style_150-withe-txt">戒烟说</a></li>
<li><a href="HairLossGuide.html" class="font_style_150-withe-txt">脱发指南</a></li>
<li><a href="ElectronicCigarettes.html" class="font_style_150-withe-txt">电子烟评鉴</a></li>
<li><a href="register.html" class="font_style_150-withe-txt">加入我们</a></li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">百度一下</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="font_style_150-withe-txt">登入</a></li>
<!-- <li><a href="#"><img src="img/logo/tg_100x31.png" ></a></li>-->
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</div>
</header>
<banner>
<div class="jumbotron color_MianColor" id="_banner_jumbotron">
<div id="_Main_title_logo" class="bounceInRight animated">
<img src="img/_Main_Tiele.png"><!-- /.中文网 LOGO -->
</div>
<br />
<marquee behavior="" direction="right">
<!-- /.日期 -->
<p id="timeOrder" class="font_date bounceInLeft animated"></p>
</marquee>
</banner>
<main>
<div id="" class="container-fluid">
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-5">
<h2>小安的电子烟凭评测!~</h2>
<p class="font_normal">音乐>电音 2020-06-18 12:00:08</p>
<p>3.5万播放 · 393弹幕 <img src="img/logo/禁止.png" > 未经作者授权,禁止转载</p>
</video>
</div>
<div id="" class="col-lg-3">
<div id="" class="col-lg-3">
<img src="img/ElectronicCigarettes/user_img_1.jpg" class="img-circle style_autoIMG">
</div>
<div id="" class="col-lg-9">
<div id="" class="row">
<div id="" class="col-lg-8">
<h3 class="userName_color">小安是小安不是烟鬼</h3>
</div>
<div id="" class="col-lg-4">
<p><img src="img/logo/信.png" >私信</p>
</div>
</div>
<p>这个人很懒,什么都懒得说</p>
<button type="button" class="btn btn-success btn-lg btn_size_25percent">关注</button>
<button type="button" class="btn btn-danger btn-lg btn_size_25percent">充电</button>
</div>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="row">
<!--电子烟视频-->
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<video src="ElectronicCigarettes/Moive/电子烟劝解.mp4" controls="controls" autoplay="autoplay" class="style_autoIMG bounceInDown animated">
</video>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="space_div_col12_height50px"></div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<div id="" class="col-lg-2">
<img src="img/ElectronicCigarettes/user_img_1.jpg" class="style_autoIMG img-circle">
</div>
<div id="" class="col-lg-10">
<h3 class="userName_color">小安是小安不是烟鬼</h3>
<p>小孩子不要购买电子烟哦~</p>
<p>小孩子不要购买电子烟哦~</p>
<p>小孩子不要购买电子烟哦~</p>
<p>重要的话说三遍!</p>
<b>两小时前  </b><img src="img/logo/支持_2.png" >123   <img src="img/logo/反对_2.png" >
 
<b>回复</b>
</div>
</div>
<div id="" class="col-lg-2"></div>
</div>
<h2 class="text-center font_head_NO1">电子烟评测</h2>
<div id="" class="space_div_col12_height50px"></div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/ElectronicCigarettes/mid_img_1_599x247.png" alt="..." class="rotateInDownLeft animated">
<div class="caption">
<h3>太上皇-菠萝</h3>
<p>口感体验:入口酸甜可口菠萝,有如一口甘甜可口的菠萝脆爽的口感,浓郁的菠萝精华在口腔中蔓延,配搭清凉显得不那么甜腻,口感还原到位!菠萝就在口中~</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/ElectronicCigarettes/mid_img_2_599x247.png" alt="..." class="rotateInDownRight animated">
<div class="caption">
<h3>玩不橙-西柚</h3>
<p>口感体验:入口酸甜可口的西柚,口感醇正果香味,有点像芬达汽水味道,口腔中更多是西柚的芳香,呼出之后果香四溢!</p>
</div>
</div>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="space_div_col12_height50px"></div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/ElectronicCigarettes/mid_img_3_599x247.png" alt="..." class="rotateInUpLeft animated">
<div class="caption">
<h3>青年蓝-蓝莓</h3>
<p>口感体验:入口淡淡的薄荷配以清淡的蓝莓口感,清凉的有点像冰棍一样的,击喉感适中,入口柔和!呼出之后蓝莓清淡幽香~</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="thumbnail">
<img src="img/ElectronicCigarettes/mid_img_4_599x247.png" alt="..." class="rotateInUpRight animated">
<div class="caption">
<h3>美男紫-葡萄</h3>
<p>口感体验:入口饱满地道的葡萄果香,每一口都是充满浓郁的葡萄香气!细腻顺滑还原葡萄口感,像是葡萄籽和葡萄果肉在口中带来酸酸涩涩的口感!让人回味无穷~</p>
</div>
</div>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="space_div_col12_height50px"></div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<p class="text-center font_head_NO1">两军阵前,必有高论</p>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<div id="" class="col-lg-6">
<img src="img/logo/支持.png" class="up10px">
<b class="banner_secoend_hr_Header-font-style">正方</b>
<img src="img/logo/火.png">
<b class="banner_secoend_hr_Txt-font-style">正方</b>
</div>
<div id="" class="col-lg-6">
<img src="img/logo/反对.png" class="up10px">
<b class="banner_secoend_hr_Header-font-style">反方</b>
<img src="img/logo/水.png">
<b class="banner_secoend_hr_Txt-font-style">反方</b>
</div>
</div>
<div id="" class="col-lg-2"></div>
</div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<hr />
</div>
<div id="" class="col-lg-2"></div>
</div>
</div>
<div id="" class="row">
<div id="" class="col-lg-2"></div>
<div id="" class="col-lg-8">
<div id="" class="col-lg-6">
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">电子烟危害远小于普通烟</h3>
</div>
<div class="panel-body">
<p>焦油</p>
<p>普通烟危害最大的是焦油,焦油是指吸烟过程中烟嘴内留存的一层棕色油腻物质,俗称烟油。
吸烟过程中非常直观的一种变化,就是过滤嘴随着抽吸颜色逐渐加深,而夹着烟的手指也会被熏的变色,
当然吸烟后牙齿也会随之被染上一层深色,而其根源就在于焦油。</p>
<p>焦油可不只是变色这么简单,事实上,它是有机物在缺氧条件下不完全燃烧的产物,因此包含非常多的有物质,其中不少都是致癌物,比如苯并芘、镉、砷、β荼、胺、亚硝胺等多种致癌物质和苯酚类、富马酸等促癌物质,正因为如此,普通烟草成为了世界卫生组织旗下国际癌症研究机构列出的一类致癌物,也就是明确致癌。除此以外,烟焦油还会导致加速人体血管老化,导致血管逐步硬化丧失弹性导致心血管疾病,其他诸多疾病也往往是因为焦油导致的,因此很多疾病医生的第一建议就是戒烟。
</p>
<p>尼古丁</p>
<p>尼古丁是烟草中的另一个重要成分,也是众所周知的烟草成分,尼古丁俗称烟碱,其本身的生理危害并不像烟焦油那样严重,但是尼古丁有一个很麻烦的问题,那就是成瘾性。尼古丁会导致人上瘾,这也是为什么吸烟的人戒烟困难。在这一点上,无论是电子烟还是普通烟都有尼古丁。不过,二者还是有区别,因为普通烟草的尼古丁本身是包含在烟草里,是烟草成长分泌的产物,所以降低尼古丁在普通烟草里是个非常困难的课题(因为烟草是物理加工过程,所以尼古丁并不会减少,如果采取化学办法减少尼古丁,必然导致烟草风味发生变化,影响烟草的销量)。反观电子烟,由于尼古丁是直接添加的,所以可以控制尼古丁的比例,甚至可以做到0尼古丁。
</p>
<p>反观电子烟呢?</p>
<p>电子烟的雾化本身也可以产生颗粒,但是这个颗粒是液态颗粒,进入人体会被吸收或排除,比如临床上常用地雾化给药就是这个原理,雾化后的药物会被人体吸收。不仅如此,现代雾化技术的提升,使得雾化水平越来越高,比如麦克韦尔的FEELM都可以做到1μm的雾化,也就意味着其雾化出来的烟气是不包含PM1-PM10范围内的颗粒物,自然也不会对个体带来固体颗粒物的损伤了。
</p>
<p>事情到了这里,从直观的角度,我们已经看出,电子烟比普通烟危害要少多了,表现在:</p>
<p>1,普通烟有危害巨大的烟焦油,电子烟没有烟焦油</p>
<p>2,普通烟的尼古丁含量固定,很难根除,电子烟的尼古丁是添加成分,可以调节不同浓度</p>
<p>3,普通烟燃烧会产生大量无法分解的固体颗粒物如PM2.5等附着于喉咙、气管、肺部等部位,不断积累对人体产生伤害,而电子烟技术产生的是可以分解的液态颗粒物被人体吸收或排出,基本上不产生颗粒物伤害。</p>
<p>因为如此,所以电子烟的出现,是作为普通烟的替代物,这其中的好处就是一方面,对于无法戒烟的群体,可减少普通烟中焦油等有害物质带来的健康损伤;另一发面,电子烟的成分可控,比如可以不断降低尼古丁含量,从而减轻患者对尼古丁的依赖,从而实现戒烟。所以会被用作戒烟使用。</p>
</div>
</div>
</div>
<div id="" class="col-lg-6">
<div class="panel panel-danger">
<div class="panel-heading">
<h3 class="panel-title">电子烟,改头换面的健康杀手?</h3>
</div>
<div class="panel-body">
<p>核心观点:带“烟”字的都尽量别碰,戒烟要有耐心,学会寻找专业帮助.</p>
<p>最近一项来自英国的新研究发现,电子烟对肺部多种病原菌的影响并不亚于传统烟草,而这些细菌与慢性阻塞性肺病、哮喘等吸烟相关疾病有密切关系。这组新证据再次向电子烟使用者发出了健康警示。相关结果发表在开放获取期刊《呼吸研究》(Respiratory Research)。</p>
<p>电子烟让肺很受伤
今年7月开始,有关电子烟相关肺部疾病的病例报告逐渐引起关注,患者出现肺部、胃肠道和全身症状(例如发热)以及不同程度的呼吸衰竭。在美国,因电子烟相关疾病入院就医的人数已超过2500例,据官方报道其中54人已因病去世。</p>
<p>权威医学期刊BMJ在10月发表了一篇综述,为考察电子烟对肺部的影响,多名科学家全面回顾了当时所有的相关论文。其结论指出,使用电子烟对人体、动物和实验室研究中的肺部组织样本都有明显的不利生物学影响,并且这种影响与传统香烟相似。尤其是年轻人使用电子烟,会增加支气管炎样症状、哮喘、呼吸急促等问题。</p>
<p>和传统香烟一样“助纣为虐”</p>
<p>除了急性呼吸道问题外,此次新研究的结果表明,电子烟对慢性肺病可能也有影响。过去对香烟危害的健康研究早已发现,吸烟相关的支气管疾病、肺病与流感嗜血杆菌(Haemophilus influenzae)、肺炎链球菌(Streptococcus pneumoniae)、金黄色葡萄球菌(Staphylococcus aureus)和绿脓杆菌(Pseudomonas aeruginosa)等细菌关联密切。</p>
<p>让细菌更“致病”,这一点也在实验中得到了验证。相比对照组的细菌,当研究人员用受过香烟或电子烟“熏陶”的病原菌感染一种蛾子幼虫,动物的存活率明显下降;感染人类肺部细胞,则可以观察到细胞分泌白细胞介素-8(一种与炎症相关的重要因子)的量增多。</p>
<p>“目前,关于电子烟是否有害,或者是否比传统烟草危害小,还有认识上的距离。”该研究的通讯作者Deirdre Gilpin博士说,“我们的研究反复验证了一点,那就是暴露于电子烟蒸汽对细菌行为和致病性的影响是和香烟烟雾相似的。”</p>
<p>此外,Deirdre Gilpin博士补充说:“相比传统香烟的吸烟者,电子烟使用者每一口烟量都更大、吸得更长,可能会增加尼古丁摄入量。也就说,我们的模型可能还低估了呼吸系统致病菌在电子烟蒸汽中接触到的尼古丁量。”</p>
<p>值得注意的是,电子烟中不仅有尼古丁,还有其他潜在毒素!就在最近,美国疾病控制与预防中心(CDC)发布公告,研究人员首次发现,维生素E醋酸酯(vitamine E acetate)可能是电子烟相关肺病的一个“凶手”。</p>
<p>维生素E醋酸酯是一些电子烟产品中用于增加黏稠度的添加剂,也常出现在保健品和护肤品中。尽管适量吞食和局部外用都是安全的,但在被用于电子烟产品时,吸入肺部的后果过去并不清楚。研究人员总共检测了51例电子烟相关肺病的患者,在其中48名患者的肺液样品中都发现了维生素E醋酸酯的存在,多为使用含四氢大麻酚的产品。</p>
<p>因此,多方研究证据越来越清楚地显示,电子烟并不能帮助戒烟,其本身的安全性也值得使用者引起重视。</p>
</div>
</div>
</div>
</div>
<div id="" class="col-lg-2"></div>
</div>
</main>
<tfoot>
<!-- 页脚 -->
<div id="footer_Info" class="color_footer" align="center">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12" text-align="left">
<p><a href="">备案信息:渝ICP备</a></p>
<p class="font_style_150-withe-txt">使用chrome,火狐等最新主流浏览器获得更好的浏览效果</p>
<p class="font_style_150-withe-txt">网站建议或者意见请发送邮件:</p>s
<p class="font_style_150-withe-txt">© NOSmoke 2020. All rights reserved.</p>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<p class="font_style_150-withe-txt">扫码关注公众号'老烟鬼教你戒烟'!</p>
<p class="font_style_150-withe-txt">加入戒烟群,重获新生!</p>
<img src="img/MainPage_FootQRCode.png" style="height: 150px; width:150px;">
</div>
</div>
</div>
</tfoot>
</body>
</html>