Bootstrap next and previous button in modal window -

-

i using bootstrap modal window next , previous buttons project, default "modal-footer" in bottom. want keep next , previous button on left , right vertically center of modal window.

please suggest.

may can try bootstrap carousel combine modal 

body {      padding-top: 20px;        }    .btn-default {      top: 25%;      left:25%;       color: #999;       background: #fffccc;   } 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>  <div class="container text-center">    <h1> click me </h1>  <!-- large modal -->  <button class="btn btn-default" data-toggle="modal" data-target=".bs-example-modal-lg">large modal</button>    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="mylargemodallabel" aria-hidden="true">    <div class="modal-dialog modal-lg">      <div class="modal-content">        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">            <!-- wrapper slides -->    <div class="carousel-inner">      <div class="item active">       <img class="img-responsive" src="http://placehold.it/1200x600/555/000&text=one" alt="...">        <div class="carousel-caption">          1 image        </div>      </div>      <div class="item">        <img class="img-responsive" src="http://placehold.it/1200x600/fffccc/000&text=two" alt="...">        <div class="carousel-caption">          image        </div>      </div>       <div class="item">        <img class="img-responsive" src="http://placehold.it/1200x600/fcf00c/000&text=three" alt="...">        <div class="carousel-caption">          image        </div>      </div>    </div>      <!-- controls -->    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">      <span class="glyphicon glyphicon-chevron-left"></span>    </a>    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">      <span class="glyphicon glyphicon-chevron-right"></span>    </a>  </div>        <div class="modal-footer">          <button type="button" class="btn btn-default" data-dismiss="modal">close</button>          <button type="button" class="btn btn-primary">save changes</button>         </div>      </div>          </div>  </div>  </div>


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