实习笔记 10：页面修改记录（bootstrap 3）

突然的命令，而且还带暴走，真心伤不起。

比较蛋疼，一起干活的兄弟都不会，只能我干了。

本来想写机器人的。

1. bootstrap和extjs的取舍。

js调试比较麻烦，而且我也不熟，短时间搞起只能html+css拼凑了。

bootstrap比较完善了，加上以前看过一点，没办法，只能硬着头皮上了。

accordion基本满足要求。

2. 首先看的是布局。

<div class="row">
<div class="col-lg-12">
</div>
</div>

会使这个就OK了。

注意宽度控制很重要，然后数值调节比较恶心，尤其是嵌套后，有的控件有最小宽度的限制。

3. 其次是插件的使用。这个照着抄抄就可以了。页面其实不难啊。就是花时间。

========================

然后就是high stock插件了，这个插件是接收json字符串。

([time,value],[time,value]...)

$(function() {
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
// Create the chart
$('#stkchart').highcharts('StockChart', {
rangeSelector : {
selected : 1
},
title : {
text : 'AAPL Stock Price'
},
series : [{
name : 'AAPL',
data : data,
tooltip : {
valueDecimals : 2
}
}]
});
});

});

注意回调的时候一定要有callback号，不然不出来数据。

reference:

http://getbootstrap.com/css/