html - Bootstrap3 Navbar fill content -

-

i fit navbar options in container this:

enter image description here

tried using website methods, couldn't working, broke responsive. can please explain me best way using bootstrap? thank you

i created fiddle take look, may you.

use margin doing this

  .navbar.navbar-default.navbar-fixed-top {         margin: 6px 10px 0px 5px;     }     #blue{background-color:blue !important;    height: 57px;} 

.navbar-collapse.in,  .navbar-collapse.collapsing {      clear: left;  }  .navbar.navbar-default.navbar-fixed-top {      margin: 6px 10px 0px 5px;  }  #blue{background-color:blue !important;    height: 57px;}
 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>      <div id="blue">      <div class="navbar navbar-default navbar-fixed-top">        <div class="container">                      <div class="navbar-header pull-left">                 <a class="navbar-brand" href="index.php">xxx</a>          </div>          <div class="navbar-header pull-right">             <button type="button" class="navbar-toggle"                     data-toggle="collapse" data-target=".navbar-collapse">              <span class="icon-bar"></span>              <span class="icon-bar"></span>              <span class="icon-bar"></span>            </button>                          <p class="navbar-text">              <b> '.$username.' </b>              <a href="logout.php" class="navbar-link">logout</a>&nbsp;            </p>            </div>                      <div class="navbar-collapse collapse">            <ul class="nav navbar-nav">              <li class="active"><a href="index.php">home</a></li>              <li><a href="about.php">about</a></li>              <li><a href="contact.php">contact</a></li>            </ul>          </div>        </div>    </div>      <!-- post info -->  <div style='position:fixed;bottom:0;left:0;                  background:lightgray;width:100%;'>       question: <a href='http://stackoverflow.com/q/18900593/1366033'>navbar float right moves div new line</a><br/>       find documentation: <a href='http://getbootstrap.com/css/'>get bootstrap 3.0</a><br/>      fork skeleton here <a href='http://jsfiddle.net/kylemit/kcpma/'>bootrsap 3.0 skeleton</a><br/>      external js file: <a href='http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'>bootstrap.min.js</a><br/>      external style sheet: <a href='http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js'>bootstrap.min.css</a><br/>      external fonts / icons: <a href='http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css'>font-awesome.min.css</a>  <div>  </div>

fiddle here


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

java - Copying object fields -

-
what best way of copying classes when need have 2 independent variables? have simple class: public class myclass { boolean = false; string b= "not empty"; } do need make method : assign(myclass data ) { a= data.a; b= data.b; } is there automatic method copy (duplicate) objects in java? do need make method : pretty close. instead of making method, should make constructor. such constructors called copy constructor , , create them this: myclass(myclass data) { = data.a; b = data.b; } and create copy of instance, use constructor this: myclass obj1 = new myclass(); myclass obj2 = new myclass(obj1); copy constructor can tedious : using copy constructor create deep-copy can tedious, when class has mutable fields. in case, assignment create copy of reference, , not object itself. have create copy of fields (if want deep copy). can go recursive. a better way create deep copy serialize , deserialize object. why not use clone()? ...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more