0

ブートストラップにカスタム コードを追加しようとしましたが、最終的にフレーム内のテキストが垂直方向に完全に中央揃えされませんでした。

コードは非常にシンプルで数行しかありませんが、それでも垂直方向に中央揃えにすることはできませんでした。jsfiddle のように見えるのは次のとおりです。

http://jsfiddle.net/atJzD/1/

ブートストラップ css を含めない場合は完璧に機能します (テキストが垂直方向に中央揃えになります) が、実際に使用する必要があります。

.init {
    border:2px solid #EEEEEE;
    font:14px/1.3 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
    margin:0px;
    padding:5px;
    min-width:120px;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}

.taken span {background:none repeat scroll 0 0 #F08F78; }
.taken:hover{background:none repeat scroll 0 0 #FFC5B7;}
4

2 に答える 2

0

代わりに、ブートストラップのデフォルト クラスのいくつかのプロパティを .init クラスでオーバーライドし、次のようなブートストラップ アラート メッセージを使用できます。

.init {
    border:2px solid #EEEEEE;
    font:14px/1.3 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
    margin:0px;
    padding:5px;
    min-width:120px;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}

.taken span {background:none repeat scroll 0 0 #F08F78; }
.taken:hover{background:none repeat scroll 0 0 #FFC5B7;}

ここでデモを見ることができますか

于 2013-08-09T06:26:01.987 に答える
0 
Use this and it works:

.init {
    border:2px solid #EEEEEE;
    font:14px/1.3 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
    margin:0px;
    padding:5px;
    min-width:120px;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}

.taken span {background:none repeat scroll 0 0 #F08F78; }
.taken:hover{background:none repeat scroll 0 0 #FFC5B7;}

p {
    margin: 0;
}
于 2013-08-09T06:11:06.337 に答える