时间戳

首页 > 解决方案 > 输入组中缺少 Bootstrap 3 边框半径

css - 输入组中缺少 Bootstrap 3 边框半径

问题描述

使用 Bootstrap 3.4 为什么输入组缺少所有边界半径？

<form action="{{ route('dashboard.users.index') }}" method="get">
   <div class="input-group">
        <input type="text" name="search" class="form-control">
        <span class="input-group-btn">
           <button class="btn btn-default" type="submit">
             <i class="fa fa-search"></i>
           </button>
         </span>
     </div>
</form>

检查元素：

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

我应该用自己的css修复它吗？

标签： csstwitter-bootstrap-3

解决方案

我正在使用 bootstrap rtl，我不小心把它放在原来的 bootstrap.min.css 之前 .. 当订单改变时 .. 问题已解决 .. 谢谢你的帮助

推荐阅读