|
|
(One intermediate revision by the same user not shown) |
Line 1: |
Line 1: |
− | =Col-md=
| |
− | <div>
| |
− | <div class="btn-group btn-group-justified ws-btn-darkblue">
| |
− | <div class="col-md-4" style="padding:0px; border-left:1px solid white; border-right:1px solid white;">{{Button|Text=Diensten|Class=tussenkop ws-nav-darkerblue|Style=width:100%; text-align:center; font-size:120%; font-weight:bold; padding:10px; border-radius:0px;}}</div>
| |
− | <div class="col-md-4" style="padding:0px; border-right:1px solid white;">{{Button|Text=Werkwijze|Class=tussenkop ws-nav-darkerblue|Style=width:100%; text-align:center; font-size:120%; font-weight:bold; padding:10px; border-radius:0px;}}</div>
| |
− | <div class="col-md-4" style="padding:0px; border-right:1px solid white;">{{Button|Text=Blog|Class=tussenkop ws-nav-darkerblue|Style=width:100%; text-align:center; font-size:120%; font-weight:bold; padding:10px; border-radius:0px;}}</div>
| |
− | </div>
| |
| | | |
− | {{#tag: html
| |
− | |{{#tag: a
| |
− | |<span class="{{{Text class|}}}">{{{Text|}}}</span>
| |
− | |href={{{Link|}}}
| |
− | |class=btn
| |
− | |role=button
| |
− | |target={{#switch: {{{Open mode|}}} | New tab=_blank | Same=_self | Popup=_self }}
| |
− | }} }}
| |
− |
| |
− | =Button groups (not usable)=
| |
− | ==eerste test==
| |
− | : <big>Zie ook [[Test:Menu/test]]</big>
| |
− |
| |
− | <div class="btn-group btn-group-justified" role="group" aria-label="..." style="padding:0px; margin:0px; box-shadow: 0px 4px 0px #E6E6E6;">
| |
− | <div class="btn-group" role="group">{{#tag:html|<button type="button" class="btn btn-default tussenkop" style="font-size:160%;">Diensten</button>}}</div>
| |
− | <div class="btn-group" role="group">{{#tag:html|<button type="button" class="btn btn-default tussenkop" style="font-size:160%;">Werkwijze</button>}}</div>
| |
− | <div class="btn-group" role="group">{{#tag:html|<button type="button" class="btn btn-default tussenkop " style="font-size:160%; background-color:#365e89; color:#f1f1f3;">Over ons</button>}}</div>
| |
− | </div>
| |
− |
| |
− | ;?
| |
− | <div class="btn-group btn-group-justified" role="group" aria-label="..." style="padding:0px; margin:0px; box-shadow: 0px 4px 0px #E6E6E6;">
| |
− | <div class="btn-group" role="group">{{Button|Link=Onze diensten|Text=Diensten|Class=tussenkop ws-btn-darkerblue|Style=font-size:140%; margin-right:0px; border-radius:0;}}</div>
| |
− | <div class="btn-group" role="group">{{Button|Link=Werkwijze|Text=Werkwijze|Class=tussenkop ws-btn-darkerblue|Style=font-size:140%; margin-left:0px; margin-right:0px; border-right:1px solid white; border-radius:0}}</div>
| |
− | <div class="btn-group" role="group">{{Button|Link=Over ons|Text=Over ons|Class=tussenkop ws-btn-darkerblue|Style=font-size:140%; margin-right:0px; border-right:1px solid white; border-radius:0;}}</div>
| |
− | </div>
| |
− |
| |
− | ==colmd4==
| |
− | <div class="btn-group btn-group-justified ws-btn-darkblue">
| |
− | <div class="col-md-4 btn btn-default" style=" text-align:center;" >[[Onze diensten]]</div>
| |
− | <div class="col-md-4 btn btn-default" style=" text-align:center;" >[[Werkwijze]]</div>
| |
− | <div class="col-md-4 btn btn-default" style=" text-align:center;" >[[Blog]]</div>
| |
− | </div>
| |
− |
| |
− | ==werkt niet==
| |
− | <div class="btn-group btn-group-justified">
| |
− | {{#tag:html|Onze diensten|href="{{localurl:Onze diensten}}" |class="btn btn-primary"}}
| |
− | {{#tag:html|Werkwijze|href="#" |class="btn btn-primary"}}
| |
− | {{#tag:html|Blog|href="#" |class="btn btn-primary"}}
| |
− | </div>
| |
− | ----------
| |
− | ==button group==
| |
− | <div class="btn-group btn-group-justified ws-btn-darkerblue">
| |
− | <div class=" btn btn-default">Onze diensten</div>
| |
− | <div class=" btn btn-default">[[Werkwijze]]</div>
| |
− | <div class=" btn btn-default">Blog</div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | type="button"
| |