我加入模态框后点击模态框导航栏篡,整体向右移,是为什么

来源:-

kathria

2015-11-06 16:27

<div class="navbar navbar-fixed-top navbar-inverse">  		<div class="container" >    		<div class="navbar-header"  >      			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">        		        		<span class="icon-bar"></span>        		<span class="icon-bar"></span>        		<span class="icon-bar"></span>      			</button>      			<a class="navbar-brand" href="index.html">管理后台</a>    		</div>    	<div class="collapse navbar-collapse" >        <div class="container" >      		<ul class="nav navbar-nav">        		<li ><a href="index1.html">用户 <span class="sr-only">(current)</span></a></li>                <li><a href="index2.html">课程</a></li>                <li><a href="index3.html">运营</a></li>                <li><a href="index4.html">订单</a></li>                <li><a href="index5.html">账户</a></li>                <li><a href="index6.html">教育云</a></li>                <li><a href="index7.html">系统</a></li>				<li><a  href="javascript:;"  class="dropdown-toggle" data-toggle="dropdown" ><span class="glyphicon glyphicon-option-horizontal "></span></a>                	<ul  class="dropdown-menu" role="menu">                    	<li><a href="#">活动</a></li>                        <li><a href="#">订单</a></li>                        <li><a href="#">系统</a></li>                    </ul>                   </li>                       		</ul>      		<ul class="nav navbar-nav navbar-right">          		<li data-url=""><a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" ><span class="glyphicon glyphicon-list admin-star"></span> 常用</a>            		<ul class="dropdown-menu shortcuts">                		<li class="shortcut-add" data-url="/admin/common/add"><a href="javascript:;"><i class="glyphicon glyphicon-plus"></i> 添加当前页面为常用功能</a></li>					</ul>          		</li>          		<li><a href="/"><i class="glyphicon glyphicon-home"></i> 回首页</a></li>          		<li class="dropdown">                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> 体验管理员 <span class="glyphicon glyphicon-chevron-down"></span></a>                	<ul class="dropdown-menu main-list">                  		<li><a href=""><i class="glyphicon glyphicon-off"></i> 退出</a></li>                	</ul>              	</li>       	  </ul>          </div></div></div></div>
<!-- Modal --><div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">  <div class="modal-dialog" role="document">    <div class="modal-content">      <div class="modal-header">        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>        <h4 class="modal-title" id="myModalLabel">个人详细信息</h4>      </div>      <div class="modal-body">        <div class="empty">          <table class="table table-bordered table-striped ">	      		<tbody class="tbody">	        	     <tr>                      <td width="25%"><strong>用户名</strong></td>                      <td width="75%" >admin<a href="#" class="pull-right">个人主页</a> </td>		          	</tr>	        	    <tr>                      <td><strong>Email</strong></td>                      <td>test@edusoho.com </td>		          	</tr>	        	    <tr>		          		<td><strong>用户组</strong></td>		         		 <td>学员 教师 超级管理员 </td>		          	</tr>	        	    <tr>						 <td><strong>注册时间/IP</strong></td>		          		<td> 2015-4-17 16:46:23 / </td>		          	</tr>                 <tr>                      <td><strong>最近登录时间/IP</strong></td>                      <td> 2015-9-14 18:10:39 / 122.234.164.229 浙江杭州 </td>		         </tr>                 <tr>                      <td><strong>姓名</strong></td>                      <td> 管理员 </td>		          </tr>                  <tr>                      <td><strong>性别</strong></td>                      <td> 密码 </td>		          </tr>                  <tr>                      <td><strong>身份证号</strong></td>                      <td> 暂无 </td>		          </tr>                  <tr>                      <td><strong>手机号码</strong></td>                      <td> 13923456789(未绑定) </td>		          </tr>                  <tr>                      <td><strong>公司</strong></td>                      <td>暂无 </td>		          </tr>                  <tr>                      <td><strong>职业</strong></td>                      <td> 暂无</td>		          </tr>                  <tr>                      <td><strong>头衔</strong></td>                      <td> 阔知大学荣誉校长  </td>		          </tr>                  <tr>                      <td><strong>个人签名</strong></td>                      <td> 点亮万盏灯,照亮求知路!  </td>		          </tr>                  <tr>                      <td><strong>自我介绍</strong></td>                      <td> 修改推荐教师:【管理后台】-【用户】-【教师管理】,此处是教师的个人介绍! </td>		          </tr>                  <tr>                      <td><strong>个人网站</strong></td>                      <td> 暂无 </td>		          </tr>                  <tr>                      <td><strong>微博</strong></td>                      <td> 暂无 </td>		          </tr>                  <tr>                      <td><strong>微信</strong></td>                      <td>暂无 </td>		          </tr>                  <tr>                      <td><strong>QQ</strong></td>                      <td> 123456</td>		          </tr>	       </tbody>        </table>    </div>      </div>      <div class="modal-footer">        <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>              </div>    </div>  </div></div>


写回答 关注

2回答

  • sslgg
    2016-10-17 17:01:43

    楼主怎么解决的,谢谢

    kathri...

    很久之前了。好像写了一个overflow-y:hidden吧。给body

    2016-10-19 19:37:13

    共 1 条回复 >

  • echo_kinchao
    2015-11-06 17:48:42

    宽度影响了

    kathri...

    有什么方法在火狐狸看不出来右移呢

    2015-11-10 19:34:18

    共 1 条回复 >

玩转Bootstrap(JS插件篇)

带领大家学习怎么使用JS自由控制Bootstrap中提供的组件

128659 学习 · 305 问题

查看课程

相似问题