Javascript Vaadin定制布局+;引导主题
因为Vaadin提供了一个引导主题,我考虑过用HTML+CSS对应用程序进行布局和样式设计。CustomLayout应该将我的HTML模板与Vaadin“连接” 我有一个可以工作的HTML模板(包含JS&CSS文件),它可以在浏览器中本地工作。可以这样使用瓦丁吗 我的自定义布局如下所示: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]--> <!--[
<!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&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嵌入到现有页面中。这将只给你引导的外观和感觉以外的元素瓦丁用户界面的虽然。。。