gpt4 book ai didi

html - Bootstrap : ol + li + div. col-md-6 = 置换

转载 作者:行者123 更新时间:2023-11-28 12:22:30 24 4
gpt4 key购买 nike

我正在尝试用 <ol> 替换我的表结构标签。但是前导订单号和内容之间总是存在位移/偏移。

<ol>
<li>
<div class="row">
<div class="col-md-6">A Name</div>
<div class="col-md-6">An Icon</div>
</div>
</li>
</ol>

我不知道要更改什么。当我使用 Firebug 进行调试时,我看不到任何导致此行为的填充或边距。

我还能做些什么来让这两列或两个 div 与前导数字在一行中吗?

最佳答案

如果您正在使用 Bootstrap 网格系统,那么您可以删除您的ol li 结构,然后继续

但是如果你真的需要使用你的ol li,那么你需要去掉默认的list-style-type和默认的margin来自 ol

ol.ol-table { /* Assuming you assign a class to it  */
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
}

查看结果:http://jsfiddle.net/uyJXe/embedded/result/

这是 fiddle :http://jsfiddle.net/uyJXe/

关于html - Bootstrap : ol + li + div. col-md-6 = 置换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18774572/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com