ページカルーゼルコントロールボタンが配置されていません

Question

これは本当に些細なことですが、左側の2つのカルーセルコントロールボタンと2つの右側のコントロールボタンの間にスペースがあり、不均等な間隔になっています。

liの左側と右側にCSS margin属性を試しましたが、スペースが残っています。誰にもこの問題があったのですか？

<ol class="carousel-indicators main-carousel-indicators"> 
        <li data-target="#carousel-example-generic-main" data-slide-to="0" class="active"></li> 
        <li data-target="#carousel-example-generic-main" data-slide-to="1" class=""></li> 
        <li data-target="#carousel-example-generic-main" data-slide-to="2" class=""></li> 
        <li data-target="#carousel-example-generic-main" data-slide-to="3" class=""></li> 
       </ol> 
<style> 
.main-carousel-indicators{ 
padding: 2px; 
} 
.main-carousel-indicators li{ 
height: 14px; 
width: 14px; 
} 
.main-carousel-indicators li.active{ 
height: 14px; 
width: 14px; 
} 
.carousel-indicators li{ 
background-color:white; 
border-color:transparent !important; 
transition: all 0.25s ease; 

} 
.carousel-indicators .active{ 
background-color:#0D0155; 
border-color:transparent !important; 
} 
</style> 

Answer 1

これを試してください。liはdisplay：inlineですので、これを試してください。

.main-carousel-indicators li{ 
    height: 14px; 
    width: 14px; 
    display: block; 
    float: left; 
}