bootstrap 响应式

学习bootstrap

header 部分

<div class="page-wrapper" style="">
			<header class="header fixed clearfix">
					<nav class="navbar navbar-default" role="navigation">
						<div class="container-fluid">
							<div class="navbar" id="navbar-collapse-1" style="padding-bottom:0px;margin-bottom:0px;">
								<ul class="nav nav-pills navbar-right">
									<li class="presentation">
										<a οnclick="$.learuntab.addTab(this)" class="menuItem" data-id="10" url="${ctx}/chrytj.do" >参会人员</a>
									</li>
									<li class="presentation">
										<a οnclick="$.learuntab.addTab(this)" class="menuItem" data-id="11" url="${ctx}/qdqk.do" >签到情况</a>
									</li>
									<li class="presentation">
										<a οnclick="$.learuntab.addTab(this)" class="menuItem" data-id="12" url="${ctx}/jcqk.do" >就餐情况</a>
									</li>
									 
								</ul>
							</div>

						 </div>
					 </nav>
				 
			</header>
		</div>

中间部分嵌套 iframe，默认显示参会人员统计

<div id="content-wrapper" class="">
			<div class="content-iframe" style="height:100%">
	           <div class="mainContent" id="content-main" style="height:100%">
	               <iframe allowtransparency="true" οnlοad="" id="test" class="LRADMS_iframe" width="100%" height="100%" src="${ctx}/chrytj.do" frameborder="0" data-id="${ctx}/chrytj.do"></iframe> 
	           </div>
	        </div>
        </div>