如何在更大的屏幕尺寸中自动调整_layout.cshtml?

时间:2014-01-22 17:48:59

标签: css asp.net-mvc twitter-bootstrap-3

我有一个使用bootstrap样式的ASP.NET MVC 4项目。

我的_Layout文件基本是这样的:

<head>
</head>
<body>
   <div id="wrap">
      <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      </div>
         <div class="container">
            <div class="row">
                <div class="col-md-3">
                </div>
                <div class="col-md-9">
                   @RenderBody()
                </div>
            <div>        
         </div>
    </div>
  <div id="footer">
 <div class="container">
    <p class="text-muted">&copy; Company- @DateTime.Now.Date.Year</p>
  </div>
   </div>

在我的屏幕尺寸中它很合适,但是当我放入一个更大的屏幕时,它会保持整个页面尺寸并且不适合这个更大的屏幕。我需要做什么来自动适应它(到更大的屏幕)。 Ps:只有顶部菜单和页脚自动适合大小。 感谢。

1 个答案:

答案 0 :(得分:0)

您可以将容器样式添加到Site.css 像:

 .container {
    min-width: 100%;
 }