forum

Home / DeveloperSection / Forums / How to display count number of screen in Bootstrap

Ask Question

How to display count number of screen in Bootstrap

Sachin Singh256628-Mar-2016
Hi Everyone,

I have make a tab menu with the help of bootstrap in my asp.net mvc application.
and i want to display a number of screen(Count) of the under home tab.
and display count in a button name then after number of count.

Here, my code:

@{
    ViewBag.Title = "";
    <scriptsrc="~/Scripts/jquery-1.9.1.min.js"></script>
    <linkhref="~/Content/bootstrap.css"rel="stylesheet"/>
    <scriptsrc="~/Scripts/bootstrap.min.js"></script>
}
 
<html>
<body>
    <div>
        <ulclass="nav nav-tabs"role="tablist">
             <lirole="presentation"class="active"><ahref="#home"aria-controls="home"role="tab"data-toggle="tab">Home</a></li>
</ul>
        <divclass="tab-content">
            <divrole="tabpanel"class="tab-pane active"id="home">
                <br/>
                <br/>
                <buttonclass="btn btn-primary"type="button">
                    Total Screens 
                </button>
                @foreach (var item in ViewBag.scr)
                {
                    <li>@item</li>
                }
            </div>

Please help me.

Thank you.



bootstrapasp.net bootstrap asp.net mvc bootstrap modal bootstrap tab 
Updated on 28-Mar-2016
Sachin Singh

Sachin Singh

Follow

Can you answer this question?

Answer

1 Answers

Anupam Mishra

Anupam Mishra

28-Mar-2016
Hi Sachin,

You use this code: 
<div>
        <ulclass="nav nav-tabs"role="tablist">
             <lirole="presentation"class="active"><ahref="#home"aria-controls="home"role="tab"data-toggle="tab">Home</a></li>
            @foreach (var item in ViewBag.scr)
            {
                 <lirole="presentation"><ahref="#adminpanel"aria-controls="adminpanel"role="tab"data-toggle="tab">@item</a></li>
            }
        </ul>
        <divclass="tab-content">
            <divrole="tabpanel"class="tab-pane active"id="home">
                <br/>
                <br/>
                <buttonclass="btn btn-primary"type="button">
                    Total Screens <span class="badge">@ViewBag.count</span>
                </button>
                <br />
                <br />
                <br />
                @foreach (var item in ViewBag.scr)
                {
                    <li>@item</li>
                }
            </div>
        </div>
    </div>


In Controller :
ViewBag.count = ScreenList.Count();

Output:


answer 516632803123508

Liked By