Ignore:
Timestamp:
8 Jan 2014, 10:39:01 (11 years ago)
Author:
uli
Message:

Adapt conf to new bootstrap version.

Location:
main/waeup.diazo/trunk/kofa
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • main/waeup.diazo/trunk/kofa/base.xml

    r10164 r10878  
    6363
    6464    <!-- breadcrumbs -->
    65     <replace css:theme-children="ul.kofa-breadcrumbs"
     65    <replace css:theme-children="ol.kofa-breadcrumbs"
    6666             css:content="ul.breadcrumb li" />
     67    <drop css:content=".divider" />
    6768    <drop css:theme="div.kofa-breadcrumbs-box"
    6869          css:if-not-content="ul.breadcrumb" />

  • main/waeup.diazo/trunk/kofa/bootstrap

    r10114 r10878  
    1 link ../src/bootstrap/bootstrap/
     1link ../src/bootstrap/dist/

  • main/waeup.diazo/trunk/kofa/theme.html

    r10164 r10878  
    1010    <!-- stylesheets -->
    1111    <link href="bootstrap/css/bootstrap.min.css"
    12           rel="stylesheet">
    13     <link href="bootstrap/css/bootstrap-responsive.min.css"
    1412          rel="stylesheet">
    1513    <link href="static/css/base.css" rel="stylesheet">
    … …  
    3533  <body id="kofa-body">
    3634
    37     <div class="navbar navbar-inverse navbar-static-top">
    38       <div class="navbar-inner">
    39         <div class="container-fluid">
    40           <button type="button" class="btn btn-navbar" data-toggle="collapse"
    41                   data-target=".nav-collapse">
    42             <span class="icon-bar"></span>
    43             <span class="icon-bar"></span>
    44             <span class="icon-bar"></span>
    45           </button>
    46           <a class="brand active" href="/">WAeUP.Kofa</a>
    47           <div class="nav-collapse collapse kofa-primary-nav">
    48             <ul class="nav kofa-navbar-left">
    49               <li class="active"><a href="#">Academics</a></li>
    50               <li><a href="#about">Applicants</a></li>
    51               <li><a href="#contact">Students</a></li>
    52               <li><a href="#contact">Hostels</a></li>
    53               <li class="dropdown kofa-langselect">
    54                 <a href="#" class="dropdown-toggle"
    55                    data-toggle="dropdown">Language <b class="caret"></b></a>
    56                 <ul class="dropdown-menu">
    57                   <li class="kofa-language"><a href="#">en</a></li>
    58                   <li class="kofa-language"><a href="#">fr</a></li>
    59                   <li class="kofa-language"><a href="#">de</a></li>
    60                   <li class="kofa-language"><a href="#">ha</a></li>
    61                   <li class="kofa-language"><a href="#">yo</a></li>
    62                   <li class="kofa-language"><a href="#">ig</a></li>
    63                 </ul>
    64               </li>
     35    <div class="navbar navbar-inverse" role="navigation">
     36      <div class="navbar-header">
     37        <button type="button" class="navbar-toggle" data-toggle="collapse"
     38                  data-target="#kofa-primary-nav">
     39          <span class="icon-bar"></span>
     40          <span class="icon-bar"></span>
     41          <span class="icon-bar"></span>
     42        </button>
     43        <a class="navbar-brand active" href="/">WAeUP.Kofa</a>
     44      </div>
     45      <div class="navbar-collapse collapse"
     46           id="kofa-primary-nav">
     47        <ul class="nav navbar-nav kofa-navbar-left">
     48          <li class="active"><a href="#">Academics</a></li>
     49          <li><a href="#about">Applicants</a></li>
     50          <li><a href="#contact">Students</a></li>
     51          <li><a href="#contact">Hostels</a></li>
     52          <li class="dropdown kofa-langselect">
     53            <a href="#" class="dropdown-toggle"
     54               data-toggle="dropdown">Language <b class="caret"></b></a>
     55            <ul class="dropdown-menu">
     56              <li class="kofa-language"><a href="#">en</a></li>
     57              <li class="kofa-language"><a href="#">fr</a></li>
     58              <li class="kofa-language"><a href="#">de</a></li>
     59              <li class="kofa-language"><a href="#">ha</a></li>
     60              <li class="kofa-language"><a href="#">yo</a></li>
     61              <li class="kofa-language"><a href="#">ig</a></li>
    6562            </ul>
    66             <ul class="nav secondary-nav pull-right kofa-navbar-right">
    67               <li class="nav"><a href="#">Contact</a></li>
    68               <li class="nav"><a href="#">Logout</a></li>
    69             </ul>
     63          </li>
     64        </ul>
     65        <ul class="nav navbar-nav navbar-right kofa-navbar-right">
     66          <li class="nav"><a href="#">Contact</a></li>
     67          <li class="nav"><a href="#">Logout</a></li>
     68        </ul>
    7069
    71           </div><!--/.nav-collapse -->
    72         </div>
    73       </div>
    74     </div>
     70      </div><!--/.nav-collapse -->
     71    </div><!-- /.navbar -->
    7572
     73    <div class="container">
     74      <div class="row">
    7675
    77     <div class="container-fluid">
     76    <ol class="breadcrumb kofa-breadcrumbs">
     77      <li class="kofa-breadcrumb">
     78        <a href="#">
     79          Home
     80        </a>
     81      </li>
     82      <li class="kofa-breadcrumb">
     83        <a href="#">
     84          Subtopic
     85        </a>
     86      </li>
     87    </ol><!-- /kofa-breadcrumbs -->
    7888
    79       <div class="row-fluid kofa-breadcrumbs-box">
    80         <div class="span12">
    81           <ul class="breadcrumb kofa-breadcrumbs">
    82             <li>
    83               <a href="#">
    84                 <span>Home</span>
    85               </a>
    86               <span class="divider">/</span>
    87             </li>
    88             <li>
    89               <a href="#">
    90                 <span>Subtopic</span>
    91               </a>
    92             </li>
    93           </ul>
    94         </div><!-- /span12 -->
    95       </div><!-- /row-fluid -->
     89    </div></div>
    9690
    97       <div class="row-fluid">
    98         <div class="span2 kofa-sidebar">
     91    <div class="container">
     92
     93      <div class="row">
     94        <div class="col-md-3 kofa-sidebar">
    9995          <div class="sidebar-nav well">
    10096            <ul class="nav nav-list">
    … …  
    110106          </div> <!-- /well -->
    111107        </div><!-- /span2 -->
    112         <div class="span10 content well kofa-content kofa-content-narrow">
     108        <div class="col-md-9 content well kofa-content kofa-content-narrow">
    113109
    114110          <div class="hero-unit kofa-content-label-box">
    … …  
    144140          </div>
    145141          <div>...content that spans the whole page.</div>
     142
     143          <div id="#sampleform">
     144            <form method="post">
     145              <fieldset id="form-fieldset">
     146                <legend>A Sample Form</legend>
     147                <div class="form-field">
     148                  <label>Some Label</label>
     149                  <input type="text" name="myinput[]" placeholder="A name..." />
     150                </div>
     151                <button type="submit" class="btn rowadd">
     152                  Add row
     153                </button>
     154                <br />
     155                <button type="submit" class="btn btn-primary">Save</button>
     156              </fieldset>
     157            </form>
     158          </div><!-- /sampleform -->
     159
    146160        </div>
    147       </div>
     161      </div><!-- /row-fluid -->
     162
     163
    148164
    149165    </div><!-- /container-fluid -->
     166
    150167
    151168    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    152169    <script src="bootstrap/js/bootstrap.min.js"></script>
    153170
     171    <script type="text/javascript">
     172      $("button.rowadd").click(function (evt) {
     173         /* Do not submit the form really */
     174         evt.preventDefault();
     175         /* Add first .form-field after last .form-field... */
     176         $(".form-field:last").after($(".form-field:first").clone().hide().fadeIn());
     177      });
     178    </script>
     179
    154180  </body>
    155181</html>
Note: See TracChangeset for help on using the changeset viewer.