Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vaadin定制布局+;引导主题_Javascript_Html_Css_Twitter Bootstrap_Vaadin - Fatal编程技术网

Javascript Vaadin定制布局+;引导主题

Javascript Vaadin定制布局+;引导主题,javascript,html,css,twitter-bootstrap,vaadin,Javascript,Html,Css,Twitter Bootstrap,Vaadin,因为Vaadin提供了一个引导主题,我考虑过用HTML+CSS对应用程序进行布局和样式设计。CustomLayout应该将我的HTML模板与Vaadin“连接” 我有一个可以工作的HTML模板(包含JS&CSS文件),它可以在浏览器中本地工作。可以这样使用瓦丁吗 我的自定义布局如下所示: <!DOCTYPE html> <!--[if IE 8]> <html lang="en" class="ie8"> <![endif]--> <!--[

因为Vaadin提供了一个引导主题,我考虑过用HTML+CSS对应用程序进行布局和样式设计。CustomLayout应该将我的HTML模板与Vaadin“连接”

我有一个可以工作的HTML模板(包含JS&CSS文件),它可以在浏览器中本地工作。可以这样使用瓦丁吗

我的自定义布局如下所示:

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--><html lang="en"> <!--<![endif]-->
<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico">

    <!-- Web Fonts -->
    <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&amp;subset=cyrillic,latin'>

    <!-- CSS Global Compulsory -->
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <!-- CSS Header and Footer -->
    <link rel="stylesheet" href="assets/css/headers/header-default.css">
    <link rel="stylesheet" href="assets/css/footers/footer-v1.css">

    <!-- CSS Implementing Plugins -->
    <link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">

    <!-- CSS Theme -->
    <link rel="stylesheet" href="assets/css/theme-colors/default.css" id="style_color">
    <link rel="stylesheet" href="assets/css/theme-skins/dark.css">

    <!-- CSS Customization -->
    <link rel="stylesheet" href="assets/css/custom.css">
</head>

<body>

    ...

    <!-- JS Global Compulsory -->
    <script type="text/javascript" src="assets/plugins/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="assets/plugins/jquery/jquery-migrate.min.js"></script>
    <script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!-- JS Implementing Plugins -->
    <script type="text/javascript" src="assets/plugins/back-to-top.js"></script>
    <script type="text/javascript" src="assets/plugins/smoothScroll.js"></script>
    <!-- JS Customization -->
    <script type="text/javascript" src="assets/js/custom.js"></script>
    <!-- JS Page Level -->
    <script type="text/javascript" src="assets/js/app.js"></script>

    <script type="text/javascript">
        jQuery(document).ready(function() {
            App.init();
        });
    </script>

</body>

...
jQuery(文档).ready(函数(){
App.init();
});

vaadin CSS主题非常适合/优化vaadin组件。除非它在CSSY中提供了正确的vaadin类名,否则无法使用引导,您可以将vaadin UI嵌入到现有页面中。这将只给你引导的外观和感觉以外的元素瓦丁用户界面的虽然。。。