致力于大型展览展示项目的展示咨询、展厅设计与、展厅设计施工、多媒体沙盘！
约什在一篇关于凯蒂佩里的帖子中称女性权力“恶心”。
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> <li><a tabindex="-1" href="#">Action</a></li> <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> <li><a tabindex="-1" href="#">Separated link</a></li> </ul>
六环地铁图存在于公司的每个组织，上至总公司，子集团，下至分公司和项目部，纵向贯穿于企业的每个组织，每个部门。
<div class="dropdown">
<!-- Link or button to toggle dropdown -->
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li><a tabindex="-1" href="#">Action</a></li>
<li><a tabindex="-1" href="#">Another action</a></li>
<li><a tabindex="-1" href="#">Something else here</a></li>
<li class="divider"></li>
<li><a tabindex="-1" href="#">Separated link</a></li>
</ul>
</div>
BIM的应用，将带来工程投标的优化，以及工程设计和质量管理的升级。未来，随着BIM发展政策的不断推出，随着建筑业信息化建设的不断深入，掌握BIM技术的建筑企业才将有机会站上时代风口，引领行业潮流。
以常用的 Type3 为例，一个完整的量化流程分为三阶段：（1）以一个训练完毕的浮点模型（称为 Float 模型）为起点；（2）包含假量化算子的用浮点操作来模拟量化过程的新模型（Quantized-Float 模型或 QFloat 模型）；（3）可以直接在终端设备上运行的模型（Quantized 模型，简称 Q 模型）。
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> ... </ul>
以平衡整体开盘效率。标准型流程考虑到集中销售特点，达到快速销售目的，支撑大规模推盘，故在流程上设置将销控区、收款区、打单区合并到一起，收款区、打单区不对客户开放
Default
Dropup
Left submenu
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
<li class="dropdown-submenu">
<a tabindex="-1" href="#">More options</a>
<ul class="dropdown-menu">
...
</ul>
</li>
</ul>
(1) 首先，系统工程和MBSE的应用领域从人工物理系统（类似于我们常说的技术系统）向人工抽象系统（如商业系统、法律、政治等）、进而向更广泛的人工系统和社会系统（图10）挺进，开始关注社会、经济、生态环境等人类可持续发展的重大议题，正在成为新一轮科技革命和产业革命所导向的智能社会所需的若干基础设施（如物联网、赛博物理系统、智能制造、正向设计和增材制造等先进设计制造一体化技术等）的关键使能技术。
<div class="pagination">
<ul>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
所以，大家可以看到的其实有两个维度的东西：思维模型本身，以及我对各种学习策略的使用——这不仅是一份思维方法的教材，也是一份学习策略的教材。
<div class="pagination">
<ul>
<li class="disabled"><a href="#">Prev</a></li>
<li class="active"><a href="#">1</a></li>
...
</ul>
</div>
近年来，德国对中国出口也一路高歌猛进，而日本对华出口却处于停滞和波动状态。2014年德国的外贸出口总额达11336亿欧元（约合人民币80277.02亿元），较上一年提高3.7%，并再次创下最高纪录。其贸易顺差也位居全球首位，且远超排名第二、第三的中国和沙特，达到了2170亿欧元（约合人民币15361.86亿元）。
<div class="pagination">
<ul>
<li class="disabled"><span>Prev</span></li>
<li class="active"><span>1</span></li>
...
</ul>
</div>
这个模型的优点是让管理者对自己企业所有的资源有一个全面观，九个元素是存在一个动态的平衡，改变任何一个都会影响到其它，有了这个全面观，就可以避免设定一些产生冲突的KPI。
<div class="pagination pagination-large">
<ul>
...
</ul>
</div>
<div class="pagination">
<ul>
...
</ul>
</div>
<div class="pagination pagination-small">
<ul>
...
</ul>
</div>
<div class="pagination pagination-mini">
<ul>
...
</ul>
</div>
正因如此，为了更好地进行教学，很多高校开始引进带有3D功能的投影设备。某所以地质、资源、环境及地学工程技术为主要特色的高校就购买了2台爱普生工程投影机，配备在其地球物理学学科的实验室中。
<div class="pagination pagination-centered"> ... </div>
<div class="pagination pagination-right"> ... </div>
第七、花草树木清理：花草树木清理也是沙盘模型清理上的难点，最好先用吹风机强风除尘，然后使用自喷清洗及喷新处理。
1.应用优势：相比标准型，简化掉签约等候的排队，让购房客户更直接完成购房过程，使购房速度更快，客户体验更佳。同时，购房客户从选房到签约过程享受一站式服务，大幅缩短了购房的犹豫时间，让购房客户选房的冲动持续到完成签约。
<ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul>
当向量出现在防御象限时，意味着企业应该集中精力克服内部弱点并回避外部威胁，防御型战略包括紧缩、剥离、结业清算和集中多元化经营等。
<ul class="pager">
<li class="previous">
<a href="#">← Older</a>
</li>
<li class="next">
<a href="#">Newer →</a>
</li>
</ul>
因为对于风险投资来说这是一个沉重的举措，科学创始人通常会留下相对较小的股权 - 即使是创始人也可能拥有约5％的所有权。虽然这些公司经常推出头条新闻资金
<ul class="pager">
<li class="previous disabled">
<a href="#">← Older</a>
</li>
...
</ul>
| Labels | Markup |
|---|---|
| Default |
<span class="label">Default</span>
|
| Success |
<span class="label label-success">Success</span>
|
| Warning |
<span class="label label-warning">Warning</span>
|
| Important |
<span class="label label-important">Important</span>
|
| Info |
<span class="label label-info">Info</span>
|
| Inverse |
<span class="label label-inverse">Inverse</span>
|
| Name | Example | Markup |
|---|---|---|
| Default | 1 |
<span class="badge">1</span>
|
| Success | 2 |
<span class="badge badge-success">2</span>
|
| Warning | 4 |
<span class="badge badge-warning">4</span>
|
| Important | 6 |
<span class="badge badge-important">6</span>
|
| Info | 8 |
<span class="badge badge-info">8</span>
|
| Inverse | 10 |
<span class="badge badge-inverse">10</span>
|
所以应经常保持模型顶针和润滑导柱并定期检查顶针和指南列是否发生变形和表面损伤，一旦发现，要及时更换;完成生产周期之后，对力学模型的工作表面，和运动，和面向零件镀膜覆盖的专业的油，特别是应注意上齿轮，与牙条模型轴承部件和弹簧力学模型的拉伸强度的保护，以确保其始终在最佳工作状态，与生产时间的推移，冷却道路容易沉积规模和铁锈和泥和一种藻类，使冷却流道截面变量小、 冷却通道变窄，大大降低冷却液和模型志坚的热汇率，增加企业生产成本，所以对流道的清理应引起注意;为热路的力学模型，加热和控制系统的维护，以防止故障的发生，是特别重要。
(4)将FS、CA、IS和ES各自的平均分数标再各自的数轴上;
房地产销售中心是每个楼盘项目的标配，通常销售中心会经过精心设计，根据楼盘的定位不同，呈现不同的设计风格和配置。通常分为接待区，沙盘区，视频区，糕点区等等，精心设计的目的是为了让来的消费者能够感受到独特而正面的心理感受，通过精美的环境设计和布置，让消费者心理上能够有初步的品牌和项目认同，建立初步的信任感。物超所值是每个消费者消费期望，特别是销售期房，需要1至两年后才能交楼的情况下，不断满足和超越消费者心理预期是每个房地产公司在销售环节投入巨资的最大缘由。
<div class="hero-unit">
<h1>Heading</h1>
<p>Tagline</p>
<p>
<a class="btn btn-primary btn-large">
Learn more
</a>
</p>
</div>
他的操作其实仅仅是解决了布尔运算不能直接添加涡轮光滑得到合适倒角的工作。想要掌握这种建模技术，max的超级布尔运算还是要异常熟练才好。而且，这个插件也不是所有布尔运算都可以解算正确。出错率还是蛮高的。不过就硬边机械产品模型的制作来说，算是相当不错了。
<div class="page-header"> <h1>Example page header <small>Subtext for header</small></h1> </div>
这位短片导演继续说道，“我实际上会玩[”少女之梦“]，然后在[尤克里里琴]上为周年纪念而唱歌，但是当我调整时，我想，f - k，我不是在帮助她BS图像又一秒。“
现场的环境体验和楼盘讲解环节是决定客户达成购买意向的关键因素，从客户体验的角度来讲，体验是从客户来到销售中心开始就贯穿了整个环节，其中涉及到的其他环节，这里就不展开细述。俗话说：工欲善其事必先利其器，在讲解环节除了讲解员和销售员精彩的表现外，赋能他们的展示工具就变得至关重要，我们通过视频来比较一下。
在命名规则中，依次对不同等级的模型单元命名做了详细规定，有利于行业在工程命名方面规范化，便于政府部门以及其他工程参与方的业务实施。
另外我们还明确了假量化算子（FakeQuantize）和 Observer 的职责，前者将主要负责对输入进行截断处理的计算部分，而后者则只会记录输入的值，不会改变输出，符合 Observer 的语义。
第一代数字沙盘通过遥感、地理信息系统、三维仿真等高新技术建立起一个可交互操作的实时虚拟现实环境。当时用的只是一套35台投影机组成的融合设备，以及基于GIS地理信息系统的空间信息标注方法。
Sutherland目前的业务在过去十年中一直保持稳定的业务，生产各种树脂零件和贴花，以补充市场上的新套件。
搞清楚高维生物对人类意图的内在逻辑，甚至比取得基础物理学上的重大突破还要至关重要。而如果能够研究到这一层，“走出太阳系”这样的事情，也许就变成一件非常容易的事了。
近代意大利的兴起始于一场“文艺复兴”运动，这场复兴直到今天依然被人们称颂。在科学和工业革命的历史上她的确是极为重要的，因为是她重新延续了工业文明源头的古希腊文明。但是，“复兴”概念的起点也就决定了她的终点，当古希腊亚里斯多德、泰勒斯、柏拉图、苏格拉底、欧几里德、色诺芬、毕达哥拉斯等智者的经典和成就被重新研习之后，事实上文艺复兴之路下一步该怎么走就没有方向了。
全息幻影立体成像类数字沙盘主要有360°全息投影和单面180°全息投影，360°全息投影一般都是用来展示手机、珠宝、汽车和一些单品等，展示效果比较全面到位，单面180°全息投影运用的领域与360°全息投影的差不多，但是在设备上主要是电视播放设备为主而360°全息投影是以投影设备为主。
比较Namuth对波洛克的看法，以及在电影版Bernadette上卖给我的那一刻。 Blanchett-as-Bernadette位于Straight Gate的众多轻松居住的房间之一，这是福克斯分公司家族称之为“任性女孩的天主教学校”。她觉得地毯下面有一块肿块，并追随它。我们希望它是平凡的和人造的，就像废弃的延长线。贝尔纳黛特拿出一把垫子刀切割了一个x。
《建筑工程设计信息模型制图标准》旨在统一建筑信息模型的表达，保证表达质量，提高信息传递效率，协调工程各参与方识别设计信息的方式，适应工程建设的需求。
跟激光雷达一样，有MEMS的就有OPA的，不过在全息图像领域叫LC-SLM，即液晶空间光调制，涉足到LC-SLM研发的国外企业包括美国Meadowlark、日本Hamamatsu、德国Holoeye等；国内的厂家以上海UPOLabs为代表，初创企业Envisics也异常活跃，上图就是Envisics的全息激光HUD示意图。2020年10月，车载全息AR-HUD供应商Envisics获得了由通用资本、上汽资本、现代摩比斯和Van Tuyl Companies牵头的B轮融资，金额为5000万美元。摩比斯计划与Envisics一起开发自动驾驶专用的AR-HUD，并计划到2025年实现量产。
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
</a>
</li>
...
</ul>
中国具体的情况当然与日本不同，中国没有日本那样的历史包袱，但中国也有自己需要解决的众多难题。如何充分地利用好未来可能也就10年、最多20年的关键历史机遇，将完全决定中国未来100年、甚至几百年时间的国运。
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<img src="http://placehold.it/300x200" alt="">
<h3>Thumbnail label</h3>
<p>Thumbnail caption...</p>
</div>
</li>
...
</ul>
我们所说的Differential Growth属于是几何定义，和以上定义的“组织分化”有所区别，就和它的字面意思一样，我将其称为“差异化生长”——通过差异的扩增与分化，来发展出复杂的空间形态。它是一种在有限空间内通过褶皱增加结构利用率与复杂度的规则——大脑的褶皱用于容纳更多的神经元、肠道的弯曲与褶皱提高营养的吸收周期与吸收率、电脑芯片的数据量也取决于”褶皱“的复杂度。
在传统沙盘的基础上，加入了多媒体声光手段，让沙盘不再单调刻板。
<div class="alert"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Warning!</strong> Best check yo self, you're not looking too good. </div>
数字沙盘在内容的展示上简单明了，不落俗套，设计手法上既有对传统的创新，又有现代高新科技的体现，大模型场面宏大，小模型布局精巧。
<a href="#" class="close" data-dismiss="alert">×</a>
联合国气候行动峰会将于2019年9月23日在纽约市举行，旨在增加目标并加快全球气候紧急情况的采取行动，并支持迅速实施“巴黎气候变化协定”。 2019年联合国气候行动峰会由联合国秘书长安东尼奥·古特雷斯主持。
<button type="button" class="close" data-dismiss="alert">×</button>
运用多通道图像融合技术、三维立体空间后台处理系统、智能化中控系统集成技术，结合传统物理沙盘与弧幕双向互动演示，可充分展示城市与项目规划、区位特点等信息。在弧幕或直幕上投射VR虚拟现实影像内容以配合实体沙盘表现，提供更直观的三维表现效果。
这个细节模型精心制作出一个贯穿建筑整体的剖切面，值得一提的是，所有的结构元素在这个剖切面上都得到了完整的表达。
数字沙盘是一项革命性的创意，于传统固态沙盘的基础之上，推出了以此动态投影居多的各种多媒体声光手段，刷新了人们对于沙盘枯燥偏见的印象。
<div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>Warning!</h4> Best check yo self, you're not... </div>
战后20多年，无数大型公司借助2.0版机制，同时应对多个领域的多个品牌和产品线，与电视机的普及一起，共生出一个万花筒般的消费时代。像老福特那样只生产交付一两种产品、决策集中于一人的工业公司，占比非常低了。日本和欧洲也没落下，只有苏联东欧中国等则走向由计委包办。
<div class="alert alert-error"> ... </div>
<div class="alert alert-success"> ... </div>
<div class="alert alert-info"> ... </div>
当你进入VR世界时，沉浸式体验让你“身临其境”，但当你举起双手想要去触碰感知周围环境时，却发现一无所获，顿时又让你从虚拟场景中跳脱出来。
<div class="progress"> <div class="bar" style="width: 60%;"></div> </div>
从2012年两人、2013年一人分别有中国人在海外获得ASEP认证（此三位已回国工作），2014年国内航空行业和大学有人获得ASEP认证、航天行业一人获得中国第一个CSEP认证开始，截止到2017年6月底，已有26位中国人（限在中国境内工作，不包括在海外工作的中国人和华人）获得INCOSE SEP认证（其中13人获ASEP初级认证，13人获CSEP中级认证），成为全球SEP认证增长率最快的地区。值得一提的是，2017年初，《中国商用飞机有限责任公司系统工程手册》出版，提出了中国商飞公司系统工程定义；与欧美已有近十种定制版的系统工程手册指南相比，中国也有了第一个行业/企业/组织定制版的系统工程手册，可喜可贺。
<div class="progress progress-striped"> <div class="bar" style="width: 20%;"></div> </div>
甚至都不是某一群人可以做出的事业，这是整个英国的国家和民族大批精英们共同的理念和追求带来的结果。
<div class="progress progress-striped active"> <div class="bar" style="width: 40%;"></div> </div>
数字沙盘技术也被广泛运用到城市规划、旅游景区等方面。利用数字控制定点点亮需要说明的区域，相对物理沙盘，数字沙盘能更直接的表述，且不容易产生误解的偏差。
<div class="progress"> <div class="bar bar-success" style="width: 35%;"></div> <div class="bar bar-warning" style="width: 20%;"></div> <div class="bar bar-danger" style="width: 10%;"></div> </div>
9、成本架构——支持创造核心价值的成本架构
<div class="progress progress-info"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger"> <div class="bar" style="width: 80%"></div> </div>
NREL的V3 Bifacial Radiance软件用于研究单轴跟踪双面设计变量;包括跟踪台高度和扭矩管间隙以及工作台分离。此类软件程序提供更先进的算法，以帮助太阳能系统设计人员和操作人员在关键时间范围内关注重要数据。
<div class="progress progress-info progress-striped"> <div class="bar" style="width: 20%"></div> </div> <div class="progress progress-success progress-striped"> <div class="bar" style="width: 40%"></div> </div> <div class="progress progress-warning progress-striped"> <div class="bar" style="width: 60%"></div> </div> <div class="progress progress-danger progress-striped"> <div class="bar" style="width: 80%"></div> </div>
使自己相比过去有一个更大的文明跨度？如何使自己抓住未来持续的历史机遇，从而使自己能够走得更为长久？这些不仅仅是少数学者精英应当考虑的问题，而且应当成为整个民族考虑的问题。但事实上，连中国的精英学者们都还未对这个问题得到最清醒的意识。
500套机器人模型包含：ABB工业机器人、发那科机器人、库卡机器人、笛卡尔机器人、三角机器人、松下连杆机器人、四轴机械手、气动机械手、龙门机械手、弹簧机械手、冲压机械手等模型。
Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.
当我们谈论文明“复兴”时，首先必须清楚一个问题：复兴的根本标志到底是什么。人们常会很容易把一个国家的经济、政治或军事等兴旺发达等同于“崛起”，这不能说没有道理，但却是不能抓住要害的。今天世界上有很多国家仅靠石油等资源就成为最富裕国家，但很少会认为通过这些方式富裕的国家能被称为一种文明的“崛起”。只有工业文明波浪传播到的顶峰才能真正成为一种文明的崛起。我们在《生态社会人口论》一书中阐明了，工业文明的本质是科学文明。只有科学文明和以科学文明为基础的经济和社会发达，才能被称为是文明的“崛起”。回顾历史上一个接一个崛起的大国，只有最充分依靠科学革命崛起的英国、德国和美国具有最长久的生命力。尤其英国真正完成了近代科学革命，并且第一个实现了工业革命，是近代工业文明波浪传播过程中文明跨度相对最大的一个。而如果仅仅是承接前一个工业革命的波浪，未能在科学文明上有足够跨度的国家，即使通过贸易甚至工业等渠道暴富，但发展后劲明显欠缺。完成这种科学文明的跨越绝非仅靠某几个天才的发现或发明，它应成为整个国家和民族，尤其是其精英们超越上一个工业文明波峰共同理想支撑下的结果。
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</div>
（4）军事指挥：数字沙盘是于军队指挥官战斗之中必不可少的设备之一。数字沙盘可用于各小指挥场所设立作战仿真，山川河流、道路桥梁于沙盘之上仿真表明，使部队人员对于当地地形更为认识，让各指战员的作战计划能更为细腻、清楚的展现。
在与日本建交时，虽然中国放弃了战争赔款，但并不是完全不考虑这个问题。作为一个双方最终可接受的变相解决方法，日本从1979年开始的近30年间为中国提供了大约32000亿日元（约合300亿美元）的ODA日元贷款。在中国经济改革开放之初的相当长时期里，ODA日元贷款占到中国基础设施建设相当大的比例，甚至在1984年达到一半左右的程度。日本高度发达的家电产品让中国人羡慕不已，在非常长的时期内都以家里能够放上日本原装品牌的家电而倍感荣耀。电视上和电影上的日本文化形象阿童木、真由美、渡秋、阿信、排球女将、山口百惠.......个个深入人心。当时的日本在中国人心目中，是处在只能仰望的位置......而此时从中国角度来看的中日关系完全处于蜜月状态。中国媒体上一提到中日关系，强调的全是“自古以来就是一衣带水、唇齿相依的邻邦”“中日两国人民要世世代代友好下去”的甜美声音，与今日相比可谓天壤之别。
<ul class="media-list">
<li class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64">
</a>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
...
<!-- Nested media object -->
<div class="media">
...
</div>
</div>
</li>
</ul>
3、关键活动——企业为了创造核心价值来组织的活动
<div class="well"> ... </div>
数字沙盘结合LED拼接屏，让观看者可以通过LED屏直观感受到降雨、降雪等自然因素的变化。逼真的演示效果，高清的展示画面，给观看者带来不一样的体验。数字沙盘展示出的效果，更新了传统人们对农业的认知方式。
<div class="well well-large"> ... </div>
<div class="well well-small"> ... </div>
考虑到这个“奔放狂野”的艺术机构怪异的建筑造型，设计师决定通过一个详细的剖切模型来表达建筑内部，使人们放下心来，了解狂野外表之下内部空间设计的逻辑。
AR-HUD结合道路环境，以选择不同的显示方式。比如，在高速路段、城市交通、乡间小路等不同场景下，显示内容也会有所不同，在这里，我们可以通过方向盘来控制不同的驾驶模式。另外，在不同的光照、雨雪雾等天气情况下，其显示也是不同的。
<button class="close">×</button>
人：参与制作船模的人员。应该掌握：过程管理、计算机CAD制图、工艺加工、机械动力、电工电子、材料应用、涂敷粘接、造型雕刻、文字表达、成本核算等基础知识和基本技能。这往往是通过船模队（工作室）人员的素质结构和组合来实现。
<a class="close" href="#">×</a>
把地产楼盘信息(户型设计、周边环境、楼盘规划、设施等)以及楼盘建成后的效果等内容以生动的形式展现出来，让人们快速的获取沙盘信息，促进购房欲望，达到良好的宣传效果；
军事仿真沙盘因为有很多的仿真内容，也被称之为军事仿真，部队沙盘、演习沙盘等，华堂科技拥有专业的军事仿真制作技术，是军事沙盘的核心内容，其他军用沙盘都是在此基础上增加相关硬件来实现的其他扩展功能。
class="pull-left"
.pull-left {
float: left;
}
乔希在关于这位34岁的年轻人的陈述中回忆起这位歌手的个性180度转变。 “在我遇到凯蒂之后，我们唱了一首崇拜歌曲，'敞开心扉。'她很酷，很善良，“乔希写道。 “当其他人在身边的时候，她就像冰一样冰凉[甚至]在拍摄时甚至将整个剧集称为”粗暴“。
class="pull-right"
.pull-right {
float: right;
}
日本曾经有这个历史机会超越这一切，但他们压根儿就没想过要做这些事情。历史不会是碰运气，一个民族的历史机遇同样只垂青于有准备的头脑。
class="muted"
.muted {
color: #999;
}
另外在国外数字化院校当中，它也是经典议题之一。下图是UCL Bartlett的AD所做的ClayFab作品，使用2D Differential Growth生成的路径来控制机械臂打印陶土
class="clearfix"
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:after {
clear: both;
}
}