草庐IT

cdata-section-elements

全部标签

html - Bootstrap 和 html5 - section 还是 div?

我有一个关于使用Bootstrap的问题-我看到默认情况下他们使用很多DIV而不是部分等。我最近一直在阅读HTML5规范——什么时候使用section什么时候使用div。基本思想是只有在任何特定HTML5元素不适用时才应使用DIV。现在,如果我想使用Bootstrap创建一个HTML5网站,我是否应该将DIV更改为特定的HTML元素(例如SECTION)? 最佳答案 这实际上取决于您页面的内容,但基本上您可以使用HTML5标签并像这样应用Bootstrap类:......但如前所述,这取决于您的内容,更重要的是,您不会被迫使用标签,

html - Bootstrap 和 html5 - section 还是 div?

我有一个关于使用Bootstrap的问题-我看到默认情况下他们使用很多DIV而不是部分等。我最近一直在阅读HTML5规范——什么时候使用section什么时候使用div。基本思想是只有在任何特定HTML5元素不适用时才应使用DIV。现在,如果我想使用Bootstrap创建一个HTML5网站,我是否应该将DIV更改为特定的HTML元素(例如SECTION)? 最佳答案 这实际上取决于您页面的内容,但基本上您可以使用HTML5标签并像这样应用Bootstrap类:......但如前所述,这取决于您的内容,更重要的是,您不会被迫使用标签,

css - Bootstrap 3 : Span elements floating right in list-group-item do not consume vertical space

在Bootstrap3list-group-item中,我有一个图标、一些文本和两个应该向右浮动的图标/按钮。我试过这个:Sometextgoeshere如果结果适合一行,这会很好用:当窗口太薄以至于实际文本无法放在一行中时,它也可以工作:但是,如果窗口允许文本保留在一行中,但没有足够的空间用于向右拉的跨度,事情就会变得一团糟:我真正想要的是pull-right跨度开始一个新行并右对齐,并且list-group-item垂直延伸到它们合身。我怎样才能做到这一点? 最佳答案 为了保持按钮对齐,在它们周围包裹一个新元素并float包裹元

css - Bootstrap 3 : Span elements floating right in list-group-item do not consume vertical space

在Bootstrap3list-group-item中,我有一个图标、一些文本和两个应该向右浮动的图标/按钮。我试过这个:Sometextgoeshere如果结果适合一行,这会很好用:当窗口太薄以至于实际文本无法放在一行中时,它也可以工作:但是,如果窗口允许文本保留在一行中,但没有足够的空间用于向右拉的跨度,事情就会变得一团糟:我真正想要的是pull-right跨度开始一个新行并右对齐,并且list-group-item垂直延伸到它们合身。我怎样才能做到这一点? 最佳答案 为了保持按钮对齐,在它们周围包裹一个新元素并float包裹元

html - 如何使用变换:translateX to move a child element horizontally 100% across the parent

全部,我希望能够使用translateX为子元素设置100%的动画(即从左边缘到右边缘)。挑战在于translateX中的百分比指的是元素本身,而不是父元素。因此,例如,如果我的html如下所示:我的CSS是这样的(省略了供应商前缀):#parent{position:relative;width:300px;height:100px;background-color:black;}#child{position:absolute;width:20px;height:100px;background-color:red;transform:translateX(100%);}这是行不通

html - 如何使用变换:translateX to move a child element horizontally 100% across the parent

全部,我希望能够使用translateX为子元素设置100%的动画(即从左边缘到右边缘)。挑战在于translateX中的百分比指的是元素本身,而不是父元素。因此,例如,如果我的html如下所示:我的CSS是这样的(省略了供应商前缀):#parent{position:relative;width:300px;height:100px;background-color:black;}#child{position:absolute;width:20px;height:100px;background-color:red;transform:translateX(100%);}这是行不通

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - 可以制作 :after/before pseudo elements clickable as part of the link?

伪元素a:aftera:before允许您添加看起来是链接一部分的文本。但是,我似乎无法想出一种方法来使该部分作为链接的一部分可点击。例如,下面的css显示之后的url:a:after{content:"("attr(href)")";}...但它不会被点击。有人在不改变底层HTML的情况下解决这个问题吗?编辑:我使用的是chrome13.0.782.107。原来是bug.(感谢肖恩) 最佳答案 您似乎发现了所用浏览器的错误。基于spec,生成的内容应被视为为其生成的元素的子。我创建了一个JSFiddle对此进行测试,并且在大多数浏

html - 像 <section> 和 <article> 这样的新 HTML5 元素毫无意义吗?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。先别杀了我,我纯粹是好奇才问的。像,,,这样的元素等等一切似乎都毫无意义。当然,他们让一切都有自己的小地方(和seo'd)......但是它是可能过度组织事情。在某些情况下,事物也不属于任何类别。它还增加了尝试编写这些东西的时间。我只是看不到添加这些新元素的任何真正目的。我们(开发者和浏览网页的人)从添加它们中得到什么?

html - 像 <section> 和 <article> 这样的新 HTML5 元素毫无意义吗?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。先别杀了我,我纯粹是好奇才问的。像,,,这样的元素等等一切似乎都毫无意义。当然,他们让一切都有自己的小地方(和seo'd)......但是它是可能过度组织事情。在某些情况下,事物也不属于任何类别。它还增加了尝试编写这些东西的时间。我只是看不到添加这些新元素的任何真正目的。我们(开发者和浏览网页的人)从添加它们中得到什么?