css - 如何在 mvc bootstrap 中自定义导航栏(宽度)

Question

我想将导航栏自定义为与下面的容器大小相同:

<div class="container jumbotron row col-sm-12" style="width: 100%; margin: 0px auto;">
    <h1>ASP.NET</h1>
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
    <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
</div>

我已经尝试了所有方法，更改了每个 div，但这些都不起作用，所以我想知道我做错了什么。

图片准确说明我的意思:

Answer 1

您可以使用容器类将您的代码包装在一个 div 中:

Bootply Link

<div class="container">
    <div class="container jumbotron row col-sm-12" style="width: 100%; margin: 0px auto;">
      <h1>ASP.NET</h1>
      <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
      <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more »</a></p>
  </div>
</div>