具有边框样式的div之外的div上的HTML边框

具有边框样式的div之外的div上的HTML边框,html,css,Html,Css,我目前遇到以下问题,我不希望单词Samples用边框包装,我希望它用来表示Samples(周围没有边框)。乍一看,这可能是一个基本的clearfix问题。我注意到您正在使用引导的“左拉”帮助器类,并且向父元素添加一个clearfix类应该可以解决这个问题。文档可在此处找到: 我不完全清楚为什么你首先需要浮动这个标题……也许需要更好地理解引导栏系统,因为这可能是你问题的根源 最新答复: <div style="margin-top: 75px"> <h3 style="f

我目前遇到以下问题,我不希望单词
Samples
用边框包装,我希望它用
来表示Samples(周围没有边框)。乍一看,这可能是一个基本的clearfix问题。我注意到您正在使用引导的“左拉”帮助器类,并且向父元素添加一个clearfix类应该可以解决这个问题。文档可在此处找到:

我不完全清楚为什么你首先需要浮动这个标题……也许需要更好地理解引导栏系统,因为这可能是你问题的根源

最新答复:

<div style="margin-top: 75px">
    <h3 style="font-size: 45px">Samples</h3>
</div>

样品


删除了pull left类并将其部分修复,但是,如果您没有正确使用引导列类,您可能会遇到更多问题

乍一看,这似乎是一个基本的clearfix问题。我注意到您正在使用引导的“左拉”帮助器类,并且向父元素添加一个clearfix类应该可以解决这个问题。文档可在此处找到:

我不完全清楚为什么你首先需要浮动这个标题……也许需要更好地理解引导栏系统,因为这可能是你问题的根源

最新答复:

<div style="margin-top: 75px">
    <h3 style="font-size: 45px">Samples</h3>
</div>

样品


删除了pull left类并将其部分修复,但是,如果您没有正确使用引导列类,您可能会遇到更多问题

行为源于引导风格。 为了避免这种情况,请将每一行包装在
class=“row”
div中

html{padding:2em;/*demo*/}

样品


{{item.description}}


行为来自引导风格。 为了避免这种情况,请将每一行包装在
class=“row”
div中

html{padding:2em;/*demo*/}

样品


{{item.description}}


在此处完成演示并完成。然后在你的Q中添加到演示的链接。如果你为父容器提供了CSS,可能还有HTML,或者只是在js.fiddle中重现这个问题,这将是非常有用的。在这里完成演示并完成它。然后在Q中添加到演示的链接。如果您为父容器提供了CSS,可能还有HTML,或者只是在js.fiddle中重现这个问题,这会很有帮助。将clearfix添加到
示例的父元素
?同意,引导用于生成引导布局;)向
示例的父元素添加clearfix
?同意,引导用于生成引导布局;)谢谢这很有效。但是你知道是什么引导风格首先导致了这种情况吗?@peggy不知道,我没有浏览引导的所有css文件,我从来没有使用过它,因为它不够灵活。一旦您不遵循类和结构或想要修改外观,您就必须覆盖引导规则或删除iThanks的某些部分!这很有效。但是你知道是什么引导风格首先导致了这种情况吗?@peggy不知道,我没有浏览引导的所有css文件,我从来没有使用过它,因为它不够灵活。一旦您不遵循类和结构,或者不想修改外观,就必须覆盖引导规则或删除其中的某些部分