Bootstrap navbar <li> </li>至100％宽度

Question

我的导航栏有问题。我需要做100％宽度的所有这些。当我做：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class result : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Label1.Text = DateTime.Now.ToString("t");
        Label2.Text = DateTime.Now.ToString("d");


    }


    protected void Button1_OnClick(object sender, EventArgs e)
    {
        DataList3.Visible = false;
       asd.Visible = false;
    }

它没有按预期工作：

没有＆＃34;宽度＆＃34;我有标准的bootstrap菜单：

我需要这个：

以下是导航栏的代码：

.nav>li{
    width:100%;
}

感谢您的帮助：*

Answer 1

Bootstrap提供合理的导航栏。

以下是一个示例：https://getbootstrap.com/examples/justified-nav/

只需将<ul class="nav navbar-nav">替换为<ul class="nav nav-justified">

演示：http://www.bootply.com/llhqh4PYsM