三星智能电视应用中的CSS风格

时间:2012-11-07 11:56:28

标签: css twitter-bootstrap samsung-smart-tv smart-tv

您是三星智能电视应用的新手,

我想用CSS和Javascript创建一些丰富的用户界面。我认为Twitter Bootstrap是一个不错的选择。但我不能在我的应用程序中使用bootstrap的类属性。指导我如何在Samsung Smart TV App中使用twitter bootstrap框架。

2 个答案:

答案 0 :(得分:1)

我已成功在我创建的某个应用中使用了引导程序。只需将引导代码添加到项目的目录中,然后像使用任何样式表一样从index.html引用它。

另外,请确保在所有单个场景样式表的顶部包含以下内容

@import url("<PATH TO BOOTSTRAP>/bootstrap.css");

答案 1 :(得分:0)

我认为你应该在你的应用程序中使用sf.core.loadCSS();。只需看guideJS including也有类似的方法。

如果您使用的是AppsFramework 2.0应用程序结构(基本应用程序项目),则应将其放在app/init.js中,如下所示:

function onStart() {
    sf.core.loadCSS([
        "app/stylesheets/file1.css",
        "app/stylesheets/file2.css"
    ], function () {
        // callback on file loading
    });
}

文档中没有提到回调函数,但它有效(我确信JS,CSS应该以相同的方式工作)。

但是如果您使用的是“Javascript App Project”模板(旧版),那么您可以将提及的<style>@import url();</style>放在根index.html中。