Prototyp listenansicht versuch 1

ulrich

2017-02-14 d6de878a224b76cbe899dfe44b35ed9ed3fafe2e

 web/proto/index.html

@@ -41,6 +41,7 @@
    
    <!-- Inhalt -->
    <div class="container-fluid" id="inhalt">
      
      <div class="row">
        <div class="col-sm-2 col-md-2 col-lg-2 hidden-xs-down">
          <!-- linke Seitenleiste mit Links -->
@@ -59,62 +60,62 @@
            <a class="breadcrumb-item" href="#">Data</a>
            <span class="breadcrumb-item active">Bootstrap</span>
            <div class="pull-right align-middle">
              <i class="fa fa-list"></i>
              <i class="fa fa-th-list"></i>
            </div>
          </nav>            
          
          <div class="row">
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center bg-warning text-primary">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption text-primary">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>
            <div class="col-sm-4 col-md-3 col-lg-2 col-xl-2">
              <figure class="figure text-center text-warning">
                <i class="fa fa-folder fa-3x"></i>
                <i class="fa fa-folder-o fa-3x"></i>
                <figcaption class="figure-caption">A caption for the above image.</figcaption>
              </figure>              
            </div>