css - Grid system can't locate with navbar -

-

i have question navbar , grid system.

q1.grid system

i make 2 100% height navbar on left , right , center text seems locate on left :0 ,and left navbar overlaps it.

here's link code.

enter link description here

html, body {      height: 100%;      width: 100%;      margin: 0;  }    [class*="col-"] {      float: left;  }    .col-1 {      width: 4.16%;  }  .col-2 {      width: 8.33%;  }  .col-3 {      width: 12.5%;  }  .col-4 {      width: 16.66%;  }  .col-5 {      width: 20.83%;  }  .col-6 {      width: 25%;  }  .col-7 {      width: 29.16;  }  .col-8 {      width: 33.33%;  }  .col-9 {      width: 37.5%;  }  .col-10 {      width: 41.66%;  }  .col-11 {      width: 45.83%;  }  .col-12 {      width: 50%;  }  .col-13 {      width: 54.16%;  }  .col-14 {      width: 58.33%;  }  .col-15 {      width: 62.5%;  }  .col-16 {      width: 66.66%;  }  .col-17 {      width: 70.83%;  }  .col-18 {      width: 75%;  }  .col-19 {      width: 79.16%;  }  .col-20 {      width: 83.33%;  }  .col-21 {      width: 87.5%;  }  .col-22 {      width: 91.66%;  }  .col-23 {      width: 95.83%;  }  .col-24 {      width: 100%;  }    .navbar-fixed-top {      position: fixed;      top: 0;      border-radius: 0;      right: 0;      left: 0;      padding-left: 0;      padding-right: 0;      z-index: 1030;  }  ul {        list-style-type: none;      margin: 0;      padding: 0;      overflow: auto;      background-color: #1c2333;      clear: both;  }  li {      float: left;      border: 1 white dashed;      line-height: 50px;  }  li:last-child {      border-right: none;  }  li {      height: 57px;      width: 60px;      display: block;      color: #8fa5be;      text-align: center;      padding: 10px 10px;      text-decoration: none;      border-radius: 0;      overflow: visible;        border-style: solid transparent;      cursor: pointer;  }  .active, li a:hover {      color: #ffffff;      background-color: #3099f5;  }    /*--*/  .nv{    position:fixed;    display: flex;    width:4.16%;    height: 100%;  }    .nvr {      display: flex;      position: fixed;      height: 100%;      width: 80px;      border: none;      border-radius: 0;      margin: 0;  }      .height-100 {      height: 100%;  }
<div class="row navbar-fixed-top">          <div class="row">              <div class="col-24">                  <ul>                      <li><a class="active">home</a></li>                      <li><a href="#news">news</a></li>                      <li><a href="#contact">contact</a></li>                      <li style="float:right"><a class="active" href="#about">hom</a></li>                  </ul>              </div>          </div>            <div class="row">              <div class="col-1">                  <!--              <div class="nv height-100">                  <ul>                      <li><a>hom</a></li>                      <li><a class="active" href="#home">hom</a></li>                  </ul>              </div>            -->                  <div class="nv">                      <ul>                          <li><a href="#home">left</a></li>                          <li><a href="#news">news</a></li>                          <li><a href="#contact">cont</a></li>                          <li><a href="#about">about</a></li>                      </ul>                  </div>              </div>                    <div class="col-22">                  whatever ,here testing text.              </div>                  <!--  <div>      <ul>          <li><a href="#home">home</a></li>          <li><a href="#news">news</a></li>          <li><a href="#contact">contact</a></li>          <li><a href="#about">about</a></li>      </ul>  </div>  -->                    <div class="col-1">                  <div class="nv">                      <ul>                          <li><a href="#home">right</a></li>                          <li><a href="#news">news</a></li>                          <li><a href="#contact">cont</a></li>                          <li><a href="#about">about</a></li>                      </ul>                  </div>              </div>            </div>

the picture shows want . what want .

q2. how can make same text block size top , both side ?

at full screen , have same size , want know how do. thank much.


Comments

Post a Comment

Popular posts from this blog

Spring Boot + JPA + Hibernate: Unable to locate persister -

-
i trying work entity inside request method of spring boot application. entity in project , pom.xml has dependencies it. why error message?: org.hibernate.unknownentitytypeexception: unable locate persister: com.ric.bill.model.bs.par package com.ric.web; import java.util.concurrent.atomic.atomiclong; import javax.persistence.entitymanager; import javax.persistence.persistencecontext; import net.sf.ehcache.cachemanager; import net.sf.ehcache.management.cache; import net.sf.ehcache.management.cachestatistics; import org.hibernate.stat.statistics; import org.springframework.beans.factory.annotation.autowired; import org.springframework.boot.autoconfigure.domain.entityscan; import org.springframework.cache.annotation.enablecaching; import org.springframework.transaction.annotation.enabletransactionmanagement; import org.springframework.transaction.annotation.propagation; import org.springframework.transaction.annotation.transactional; import org.springframework.web.bind.annotati
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc
Read more

c - double free or corruption (fasttop) -

-
this code reads null terminated string file (file containing null terminated strings & should provide index wanted string). error: *** error in `./main': double free or corruption (fasttop): 0x090a4a80 *** aborted code: char *tmp_realloc=null; char *sstring=null; int i=1; /*set file pointer point string*/ fseek(fh,index,seek_set); sstring=(char*)malloc(sizeof(char)); if(sstring == null) return null; tmp_realloc=sstring; while( (*(sstring+i-1)=(char)fgetc((file*)fh)) != 0x0 ) { /*reallocate more memory*/ tmp_realloc=(char*)realloc((char*)sstring,++i); /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strcpy((char*)tmp_realloc,(char*)sstring); free(sstring); sstring=tmp_realloc; } } could tell me pointer causing issue (& reason) ? remove part /*if not same address copy old new & set old point new*/ if(tmp_realloc != sstring){ strc
Read more