twitter-bootstrap - ブートストラップ日付ピッカーの方向を変更する方法

Question

そのため、300 X 250 という非常に短い量のフィールドに日付を記入する必要があります。日付用の入力フィールドが 2 つあります。通常の方向の日付ピッカーを1つ持ちたいのですが、もう1つはテキストフィールドの右側を指す必要があります。

したがって、最初のテキストフィールドにこれを使用したいと思います。

そして、これは2番目のものです：

Answer 1

ブートストラップには直接的なオプションはないと思いますが、これはCSSハックによって行うことができます。

既存の:before疑似:after要素をオーバーライドします。

.datepicker:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 190px;  // I made a change here 
}

.datepicker:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 191px;  // I made a change here 
}

このJSFiddleを確認してください