Bootstrap v3.3.5 應用紀錄

2018/03/11
使用ASP.NET+Bootstrap，當您使用RadioButtonList將屬性設定為RepeatLayout="Flow"時，如果要在JS中使用JQuery取得RadioButtonList的值，可以使用下列語法抓到值。
var v1=$('#<%=RadioButtonList1.ClientID %> :radio:checked').val();

2017/05/06
偵測目前的網格，須引用bootstrap-toolkit套件
<script src="js/bootstrap-toolkit.js"></script>
<script>
//偵測目前的網格
// Wrap IIFE around your code
(function($, viewport){
    var highlightBoxes = function() {
        // Executes only in XS breakpoint 手機
        if(viewport.is('xs')) {
            alert('xs');
        };

        // Executes only in SM breakpoint 平板
        if(viewport.is('sm')) {
            alert('sm');
        };

        // Executes only in MD breakpoint 電腦
        if(viewport.is('md')) {
            alert('md');
        };

        // Executes only in LG breakpoint 電腦
        if(viewport.is('lg')) {
            alert('lg');
        };
    }
    $(document).ready(function() {
        // Execute code each time window size changes
        $(window).resize(
            viewport.changed(function() {
highlightBoxes();
            })
        );
    highlightBoxes();
    });
})(jQuery, ResponsiveBootstrapToolkit);


2017/05/04
在col-xs-*使圖片置中，在class加上center-block，如下。
...
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12">
                    <img src="img/img2.png" class="img-responsive center-block" />
                </div>
            </div>
        </div>
...