Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bootstrap layout question ?

See original GitHub issue

Hi, I have a index page use bootstrap, show not well in firefox, could you help me ? next is the code?

<!DOCTYPE html>
<html>
<head>
  <title>UPM权限管理系统</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<!-- 解决：IE8中使用document.getElementById(...)会js报错 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<!--css样式-->
<link href="/bsweb-app-upm/scripts/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="/bsweb-app-upm/scripts/bootstrap-table/bootstrap-table.css" rel="stylesheet">
<!--js-->

<script src="/bsweb-app-upm/scripts/jquery/jquery-3.2.0.min.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrap/js/bootstrap.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrap-table/bootstrap-table.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrap-table/extensions/multiple-sort/bootstrap-table-multiple-sort.js"></script>

<link href="/bsweb-app-upm/scripts/bootstrap-treeview/bootstrap-treeview.min.css" rel="stylesheet">
<script src="/bsweb-app-upm/scripts/bootstrap-treeview/bootstrap-treeview.min.js"></script>

<link href="/bsweb-app-upm/scripts/BootStrap-addTabs/bootstrap.addtabs.css" rel="stylesheet">
<script src="/bsweb-app-upm/scripts/BootStrap-addTabs/bootstrap.addtabs.js"></script>

<script src="/bsweb-app-upm/scripts/bootbox/bootbox.min.js"></script>

<script src="/bsweb-app-upm/scripts/bootstrap-datetimepicker/js/moment.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrap-datetimepicker/js/moment_zh-CN.js"></script>
<link href="/bsweb-app-upm/scripts/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet">
<script src="/bsweb-app-upm/scripts/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<link href="/bsweb-app-upm/scripts/bootstrapvalidator/css/bootstrapValidator.css" rel="stylesheet">
<script src="/bsweb-app-upm/scripts/bootstrapvalidator/js/bootstrapValidator.js"></script>
<script src="/bsweb-app-upm/scripts/bootstrapvalidator/js/language/zh_CN.js"></script>

<link href="/bsweb-app-upm/scripts/BootSideMenu/css/BootSideMenu.css" rel="stylesheet">
<script src="/bsweb-app-upm/scripts/BootSideMenu/js/BootSideMenu.js"></script>

<link href="/bsweb-app-upm/scripts/Magnific-Popup/magnific-popup.css" rel="stylesheet">
<script src="/bsweb-app-upm/scripts/Magnific-Popup/jquery.magnific-popup.js"></script>

 
 </head>
  
  <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle show pull-left" data-target="sidebar">
                    <span class="sr-only">导航菜单</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="main3.jsp">统一用户权限流程管理系统</a>
            </div>
        </div>
    </nav>
    <div class="container-fluid all">
        <div class="sidebar col-sm-4" id="sidebar">
            <ul class="nav list-group">
            	<li><a class="list-group-item" data-addtab='{"id":"1","url": "/bsweb-app-upm/jsp/user/upmUserList.jsp","target": "#tabs"}'>用户管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"2","url": "/bsweb-app-upm/jsp/user/upmUserGroupTreeList.jsp","target": "#tabs"}'>组织机构管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"3","url": "/bsweb-app-upm/jsp/role/upmRoleList.jsp","target": "#tabs"}'>角色管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"4","url": "/bsweb-app-upm/jsp/permission/permission.jsp","target": "#tabs"}'>权限管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"5","url": "/bsweb-app-upm/jsp/upmApp/upmAppList.jsp","target": "#tabs"}'>应用管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"6","url": "/bsweb-app-upm/jsp/dictionary/upmDictionaryNoteList.jsp","target": "#tabs"}'>数据字典管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"7","url": "/bsweb-app-upm/jsp/dictionary/upmConfigurationList.jsp","target": "#tabs"}'>配置管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"8","url": "/bsweb-app-upm/jsp/upmNotice/upmNoticeList.jsp","target": "#tabs"}'>通知管理</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"9","url": "/bsweb-app-upm/jsp/flows/flowProcessList.jsp","target": "#tabs"}'>流程定义</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"10","url": "/bsweb-app-upm/jsp/flows/flowOrderList.jsp","target": "#tabs"}'>流程实例</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"11","url": "/bsweb-app-upm/jsp/flows/flowCcorderList.jsp","target": "#tabs"}'>抄送实例</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"12","url": "/bsweb-app-upm/jsp/flows/flowTaskList.jsp","target": "#tabs"}'>代办任务</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"13","url": "/bsweb-app-upm/jsp/flows/flowTaskHistList.jsp","target": "#tabs"}'>历史任务</a></li>
            	<li><a class="list-group-item" data-addtab='{"id":"14","url": "/bsweb-app-upm/systemInfoAction!input.action","target": "#tabs"}'>系统信息</a></li>
            </ul>
        </div>
        <div class="maincontent row" style="margin-top:60px;">
       		 <div class="col-sm-10 pull-right">
               <ul class="nav nav-tabs" id="tabs">
  				</ul>
  				<div class="tab-content"></div>
            </div>
	    </div>
	    
	    </div>
        
        <script type="text/javascript">
    $(document).ready(function () {
         $('#sidebar').BootSideMenu({
            side: "left",
            pushBody:false,
            closeOnClick:false,
            autoClose:false
        }); 
    });

</script> 
</body>
</html>

Issue Analytics

State:
Created 6 years ago
Comments:11 (4 by maintainers)

Top GitHub Comments

1reaction

15838028035commented, Sep 21, 2017

@Johann-S
default This is my github project , i learn from you ! Thanks !

0reactions

bardiharborowcommented, Sep 23, 2017

@15838028035 I’m sorry, but please stop using this issue tracker for personal support requests. It’s for reporting bugs only. Stack Overflow (bootstrap-4 tag), Slack or IRC are better places to get help.