Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
MVC引导CSS布局左对齐_Css_Asp.net Mvc_Twitter Bootstrap_Asp.net Core - Fatal编程技术网

MVC引导CSS布局左对齐

MVC引导CSS布局左对齐,css,asp.net-mvc,twitter-bootstrap,asp.net-core,Css,Asp.net Mvc,Twitter Bootstrap,Asp.net Core,这里哪个引导字段 能帮我控制左对齐吗 尝试自定义默认启动MVC应用程序主页 既然您没有发布任何代码,我就猜一猜 您是否使用过? 如果是,请尝试将其替换为。这将使你的内容适合整个边,而不是将它调整到中间的垂直条。p> 你也应该仔细阅读 编辑:如果你真的只想调整容器的大小,你需要更改那些值,即“垂直内容栏”的大小-宽度,因为你没有发布任何代码,我猜一下 您是否使用过? 如果是,请尝试将其替换为。这将使你的内容适合整个边,而不是将它调整到中间的垂直条。p> 你也应该仔细阅读 编辑:如果您真的只想调

这里哪个引导字段 能帮我控制左对齐吗

尝试自定义默认启动MVC应用程序主页


既然您没有发布任何代码,我就猜一猜

您是否使用过

如果是,请尝试将其替换为
。这将使你的内容适合整个边,而不是将它调整到中间的垂直条。p> 你也应该仔细阅读



编辑:如果你真的只想调整容器的大小,你需要更改那些值,即“垂直内容栏”的大小-宽度,因为你没有发布任何代码,我猜一下

您是否使用过

如果是,请尝试将其替换为
。这将使你的内容适合整个边,而不是将它调整到中间的垂直条。p> 你也应该仔细阅读



编辑:如果您真的只想调整容器大小,则需要更改“垂直内容栏”大小的值-宽度ASP.Net MVC has folders Views\Shared\\u Layout.cshtml

例如:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title – приложение ASP.NET</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <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>
                @Html.ActionLink("WebApp", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("Calculator", "Calculator", "Home")</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year – application ASP.NET</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>
并写出必要的属性:

.yourcontaine{
    /*your properties*/
}
或将HTML更改为:

<div class="container">
    <div class="col-md-offset-2 col-md-8">
        @RenderBody()
    </div>
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year – application ASP.NET</p>
    </footer>
</div>

@RenderBody()

&抄袭@DateTime.Now.Year–应用程序ASP.NET


ASP.Net MVC有文件夹视图\Shared\\u Layout.cshtml

例如:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title – приложение ASP.NET</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <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>
                @Html.ActionLink("WebApp", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("Calculator", "Calculator", "Home")</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container body-content">
        @RenderBody()
        <hr />
        <footer>
            <p>&copy; @DateTime.Now.Year – application ASP.NET</p>
        </footer>
    </div>

    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/bootstrap")
    @RenderSection("scripts", required: false)
</body>
</html>
并写出必要的属性:

.yourcontaine{
    /*your properties*/
}
或将HTML更改为:

<div class="container">
    <div class="col-md-offset-2 col-md-8">
        @RenderBody()
    </div>
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year – application ASP.NET</p>
    </footer>
</div>

@RenderBody()

&抄袭@DateTime.Now.Year–应用程序ASP.NET


您需要向左拉。将此类应用于主div容器

附加屏幕截图


您需要向左拉。将此类应用于主div容器

附加屏幕截图


您能给我们看一下您的代码吗?在Bootstrap中没有左边距控制,因为所有内容都是响应的。您能给我们看一下您的代码吗?在Bootstrap中,没有左边距控制,因为一切都是响应的。谢谢,它可以工作,我想我的下一个问题是,我应该问一下如何将它向右拉伸,使它显示在整个屏幕上,在最后向左拉动后再向右拉动不起作用,Thankshok@AppleBook89,已经尝试用容器流体类替换“容器”?对于迁移到引导程序4或使用引导程序4的用户,
向左拉
向右拉
已被弃用,取而代之的是
向左浮动
向右浮动
。谢谢,它可以工作,我想我的下一个问题应该问一下如何将其向右拉伸,使其在整个屏幕上显示,在最后向左拉动后再向右拉动不起作用,Thankshok@AppleBook89,尝试过容器流体类替换“容器”?对于迁移到或使用引导4的用户,
向左拉
向右拉
已被弃用,取而代之的是
向左浮动
向右浮动
。顺便问一下,你可以回答我的问题吗?我不确定这是否违反了堆栈溢出规则,但我想知道,如果我对赏金提出质疑,ThanksI实际上不知道为什么我不应该被允许这样做?请在stackoverflow meta上问这个问题,因为这是一个非常相关的问题。顺便问一下,你可以回答我的问题吗?我不确定这是否违反了堆栈溢出规则,但我想知道,如果我对赏金提出质疑,ThanksI实际上不知道为什么我不应该被允许这样做?请在stackoverflow meta上问这个问题,因为这是一个非常相关的问题。