css - How to customize navbar in mvc bootstrap (width) -

-

i want customize navbar equal size container below:

<div class="container jumbotron row col-sm-12" style="width: 100%; margin: 0px auto;">     <h1>asp.net</h1>     <p class="lead">asp.net free web framework building great web sites , web applications using html, css , javascript.</p>     <p><a href="http://asp.net" class="btn btn-primary btn-lg">learn more &raquo;</a></p> </div>

i've tried everything, changed every div , none of works, wondering doing wrong.

picture precise mean: enter image description here

you can rearrange containers, don't need 1 jumbotron. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />  <div class="container">    <nav class="navbar navbar-default">      <!-- brand , toggle grouped better mobile display -->      <div class="navbar-header">        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">toggle navigation</span>          <span class="icon-bar"></span>          <span class="icon-bar"></span>          <span class="icon-bar"></span>          </button> <a class="navbar-brand" href="#">brand</a>        </div>      <!-- collect nav links, forms, , other content toggling -->      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">        <ul class="nav navbar-nav">          <li class="active"><a href="#">link <span class="sr-only">(current)</span></a>            </li>          <li><a href="#">link</a>            </li>          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">dropdown <span class="caret"></span></a>              <ul class="dropdown-menu">              <li><a href="#">action</a>                </li>              <li><a href="#">another action</a>                </li>              <li><a href="#">something else here</a>                </li>              <li role="separator" class="divider"></li>              <li><a href="#">separated link</a>                </li>              <li role="separator" class="divider"></li>              <li><a href="#">one more separated link</a>                </li>            </ul>          </li>        </ul>        <ul class="nav navbar-nav navbar-right">          <li><a href="#">link</a>            </li>          <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">dropdown <span class="caret"></span></a>              <ul class="dropdown-menu">              <li><a href="#">action</a>                </li>              <li><a href="#">another action</a>                </li>              <li><a href="#">something else here</a>                </li>              <li role="separator" class="divider"></li>              <li><a href="#">separated link</a>                </li>            </ul>          </li>        </ul>      </div>      <!-- /.navbar-collapse -->    </nav>    <div class="jumbotron row col-sm-12" style="width: 100%; margin: 0px auto;">      <h1>asp.net</h1>        <p class="lead">asp.net free web framework building great web sites , web applications using html, css , javascript.</p>      <p><a href="http://asp.net" class="btn btn-primary btn-lg">learn more &raquo;</a>        </p>    </div>  </div>  <!-- /.container-fluid -->


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

wso2esb - How to concatenate JSON array values in WSO2 ESB? -

-
we have json object below, expected result in: "(001),(011),(089),(120)". can suggest how iterate json array , concat values mention . "(001),(011),(089),(120)" thanks in advance. { "element": { "values": { "agentid": "aaaaa", "transactiondata": [ { "no": "001" }, { "no": "011" }, { "no": "089" }, { "no": "120" } ] } } } you can using iterate mediator, filter mediator , properties operation scope. try solution. @ end have (001),(011),(089),(120) value in concat-data property. have added complete proxy reference. <?xml version="1.0" encoding=...
Read more