Following this 
<https://groups.google.com/forum/#!msg/web2py/ouo8s54YtpU/E3z3JCjDBAAJ> topic. 
Are we still not using the plugin?
I've tried it but it does not work.
I need to have some pages (see below) to be mobile friendly for an app.


{{extend 'layout.html'}}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href=
"//fonts.googleapis.com/css?family=Audiowide"
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min
.js"></script>


<div>
      <style scoped>
     @import url("http:
//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css")
    </style>


<style>
    body
    {
        font-family: Audiowide;
        background-image:url("{{=URL('static','images/18.jpg')}}");
    }
    html,body
    {
        height:77%;
    }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img
    {
      width: 60%;
      margin: auto;
  }
  </style>


<div class="container" style="width:100%;">
  <br>
  <div id="myCarousel" class="carousel slide" data-ride="carousel" style="">
    <!-- Indicators -->
    <ol class="carousel-indicators" style="">
      <li data-target="#myCarousel" data-slide-to="0" class="active" ></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>


    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">


      <div class="item active">
        <img src="{{=URL('static','images/1.jpg')}}" alt="1">
        <div class="carousel-caption">
          <h3>{{=A("ASK!",_href=URL("view_searches"))}}</h3>
          <p>Ask your heart out! You can even be anonymous here. So grab 
the opportunity!</p>
        </div>
      </div>


      <div class="item">
        <img src="{{=URL('static','images/2.jpg')}}" alt="2">
        <div class="carousel-caption">
          <h3>{{=A("READ!",_href=URL("start"))}}</h3>
          <p>Read others' questions and the answers!</p>
        </div>
      </div>
      <div class="item">
        <img src="{{=URL('static','images/3.jpg')}}" alt="3">
        <div class="carousel-caption">
          <h3>{{=A("My Questions!",_href=URL("manage"))}}</h3>
          <p>Your asked questions!</p>
        </div>
      </div>
    </div>


    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" role="button" 
data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></
span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-
slide="next">
      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></
span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
    </div>


Regards

-- 
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
--- 
You received this message because you are subscribed to the Google Groups 
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to