css フレームワーク作成疑問点

2017年01月22日 11:12

(１)check boxは別ブロックにする？ボタンにする？

→Bootstrapは別ブロックとして用意している。ボタンの動作と異なる可能性もあるため、

別ブロックとする。

studio-key.con03.htmlm/Bootstrap/formDecoratio


(２)ドロップダウンをフラットデザインにするには？

→未解決


(3)ブロックのくみあわせは、どうやってやればいいか？

→


(４)サマリー

→

divタグで囲う


.p-summary{

  border: solid 1px black;

  width: auto;

  height: auto;

}


.p-summary__leftlabel{

  border: solid 1px red;

  float: left;

  text-align: left;

  margin-left: 5px;

}


.p-summary__rightlabel{

  border: solid 1px red;

  float: right;

  text-align: right;

  margin-right: 5px;

}


/**

 * A new micro clearfix hack - Nicolas Gallagher

 * https://nicolasgallagher.com/micro-clearfix-hack/

 */

.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}

.clearfix:after {

    clear: both;

}

.clearfix {

    *zoom: 1; /* for IE 6/7 only */

}



戻る