chore(build): switch to bootstrap 4 alpha 4

fix #270
This commit is contained in:
tibing 2016-10-17 18:05:17 +03:00
parent 7b1c4cc5ea
commit 0beef0b8a9
15 changed files with 82 additions and 48 deletions

View file

@ -0,0 +1,9 @@
@import "../../../../../../theme/sass/conf/conf.scss";
select.form-control[multiple] {
overflow-y: scroll;
}
select.form-control {
color: $default;
}

View file

@ -2,6 +2,7 @@ import { Component } from '@angular/core';
@Component({
selector: 'select-inputs',
styles: [require('./selectInput.scss')],
template: require('./selectInputs.html')
})
export class SelectInputs {

View file

@ -12,14 +12,14 @@
</div>
</div>
<div class="form-group row">
<div class="col-sm-offset-2 col-sm-10">
<div class="offset-sm-2 col-sm-10">
<div class="checkbox">
<ba-checkbox [(ngModel)]="isRemember" [label]="'Remember me'" [ngModelOptions]="{standalone: true}"></ba-checkbox>
</div>
</div>
</div>
<div class="form-group row">
<div class="col-sm-offset-2 col-sm-10">
<div class="offset-sm-2 col-sm-10">
<button type="submit" class="btn btn-warning">Sign in</button>
</div>
</div>

View file

@ -2,6 +2,7 @@ import {Component} from '@angular/core';
@Component({
selector: 'inline-form',
styles: [require('./inlineForm.scss')],
template: require('./inlineForm.html'),
})
export class InlineForm {

View file

@ -1,12 +1,16 @@
<form class="row form-inline">
<div class="form-group col-sm-3 col-xs-6">
<div class="form-group col-sm-3">
<input type="text" class="form-control" id="exampleInputName2" placeholder="Name">
</div>
<div class="form-group col-sm-3 col-xs-6">
<div class="form-group col-sm-3">
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="Email">
</div>
<div class="checkbox">
<ba-checkbox [(ngModel)]="isRemember" [label]="'Remember me'" [ngModelOptions]="{standalone: true}"></ba-checkbox>
<div class="form-group">
<div class="checkbox">
<ba-checkbox [(ngModel)]="isRemember" [label]="'Remember me'" [ngModelOptions]="{standalone: true}"></ba-checkbox>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Send invitation</button>
</div>
<button type="submit" class="btn btn-primary">Send invitation</button>
</form>

View file

@ -0,0 +1,5 @@
.checkbox {
display: inline-block;
margin-bottom: -12px;
margin-left: 12px;
}