Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 无法将div内容定位到页面中心_Html_Css_Angularjs_Twitter Bootstrap 3 - Fatal编程技术网

Html 无法将div内容定位到页面中心

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

我使用angulars UI路由器分别加载每个页面。我在header.html中有标题导航栏和侧栏,在login.html中有主要内容(动态)

登录html页面与边栏和页脚重叠,因为它是单独加载的。我该如何解决这个问题?我应用了包装器(定制css)类,但它根本不影响布局

链接如下:

示例代码:

<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>