Question

Bootstrap 2 metro主题使用onTablet和onDesktop html属性，如

https://github.com/jiji262/Bootstrap_Metro_Dashboard/blob/master/index.html#L386

<div class="span3 statbox purple" onTablet="span6" onDesktop="span3">

我使用在线自动转换器将此主题转换为Bootstrap 3。这些属性不会更改，现在显示为

            <div class="col-md-3 statbox purple" ontablet="col-md-6" ondesktop="col-md-3">

我搜索了html规范和这个地铁主题源代码，但还没有找到任何引用。

为什么使用这些属性并且删除它们是否安全？

Answer 1

从http://pydoc.net/我发现这些属性被用作Bools以显示twitter bootstrap导航栏组件。

 """ Create a twitter bootstrap responsive nav-bar component

**Key Arguments:**
    - ``shade`` -- if dark then colors are inverted [ False | 'dark' ]
    - ``brand`` -- the website brand [ image | text ]
    - ``outsideNavList`` -- nav-list to be contained outside collapsible content
    - ``insideNavList`` -- nav-list to be contained inside collapsible content
    - ``htmlId`` --
    - ``onPhone`` -- does this container get displayed on a phone sized screen
    - ``onTablet`` -- does this container get displayed on a tablet sized screen
    - ``onDesktop`` -- does this container get displayed on a desktop sized screen

**Return:**
    - ``navBar`` -- """

它们用于描述如何在不同设备上显示标签。如果您希望无论设备显示相同的标签，都可以安全地删除它们。

但是如果在.js中使用它们，它们应该保持不会破坏JavaScript功能。

onTablet和onDesktop html属性的目的是什么

1 个答案: