Html 无法将div内容定位到页面中心
我使用angulars UI路由器分别加载每个页面。我在header.html中有标题导航栏和侧栏,在login.html中有主要内容(动态) 登录html页面与边栏和页脚重叠,因为它是单独加载的。我该如何解决这个问题?我应用了包装器(定制css)类,但它根本不影响布局 链接如下: 示例代码:Html 无法将div内容定位到页面中心,html,css,angularjs,twitter-bootstrap-3,Html,Css,Angularjs,Twitter Bootstrap 3,我使用angulars UI路由器分别加载每个页面。我在header.html中有标题导航栏和侧栏,在login.html中有主要内容(动态) 登录html页面与边栏和页脚重叠,因为它是单独加载的。我该如何解决这个问题?我应用了包装器(定制css)类,但它根本不影响布局 链接如下: 示例代码: <body> <div id="wrap"> <!--header--> <div ui-view="header"&g
<body>
<div id="wrap">
<!--header-->
<div ui-view="header"></div>
<!--sidebar-->
<div ui-view="sidebar"></div>
<!--main content-->
<div ui-view="content"></div>
</div>
<!--footer-->
<div ui-view="footer"></div>
</body>
这样的东西在使用引导网格时不起作用吗
<div class="row">
<div class="col-xs-3">
<div ui-view="view-1"></div>
</div>
<div class="col-xs-9">
<div ui-view="view-2"></div>
</div>
</div>
我在应用程序中只使用了1个ui视图元素,然后为这种功能创建了自定义指令。但根据文件,你的方式应该是好的。请注意,有时ui视图会覆盖某些模板属性 对于此类要求,是否有自定义指令选项?我不知道。我尝试了与上面代码类似的方法,但没有效果。即使没有自定义指令,假设正确包含引导,您也可以创建一个ui视图,并在该视图中包含您想要的任何html。自定义指令是可选的,以保持事物的可重用性和模块化。我想知道为什么当我尝试使用col-md-6包装rowxs应用于所有屏幕尺寸时,它不起作用。md仅适用于md及更大的屏幕尺寸。因此,在较小的屏幕上使用md是不可行的。我想如果我没有错的话,笔记本电脑应该是md对的?请在问题中包含相关代码。一旦链接坏了,这个问题就没用了。请看。@MikeMcCaughan代码太大了。我将尝试精简并尽快更新:)
<div class="row">
<div class="col-xs-3">
<div ui-view="view-1"></div>
</div>
<div class="col-xs-9">
<div ui-view="view-2"></div>
</div>
</div>