所以我必须在很短的地方300 X 250日期字段。有两个输入字段用于日期。我想有一个正常方向的日期选择器,而另一个应该指向文本字段的右侧。
所以我想在第一个文本字段中使用这个:
第二个是这个:
我认为在bootstrap中没有直接的选项,但这可以通过CSS
hack来完成。
覆盖现有的:在
之前和:在
伪元素之后。
.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