sueboy: bootstrap

顯示具有 bootstrap 標籤的文章。顯示所有文章

semantic bootstrap

https://semantic-ui.com/

html5 jquery bootstrap modal load No Jquery

Usually use jquery load url

https://stackoverflow.com/questions/34503683/jquery-to-open-bootstrap-v3-modal-of-remote-url

Only use html5

https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
https://stackoverflow.com/questions/17636528/how-do-i-load-an-html-page-in-a-div-using-javascript


    <a href="url ooxxooxx" data-toggle="modal" data-target="#myModal" onclick="myModal(this)">
      click me
    </a>

    <div id="part3dviewModal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <p>Loading...</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        function myModal(o){
            p = document.querySelector("#myModal .modal-body");
            p.innerHTML = '<object type="text/html" data="' + o.href + '" ></object>';
        }
    </script>

Material Design Lite google

https://github.com/google/material-design-lite

免費類pingendo

http://grapesjs.com/

1、線上直接排bootstrap layout 2、程式排bootstrap layout 3、線上測bootstrap

http://pingendo.com/ 免費
http://mobirise.com/ 免費
http://keynotopia.com/bootstrap/ 好像免費
http://www.frontenda.com/snipped/ 好像免費

http://www.layoutit.com/build Beta，只有簡單區塊
http://shoelace.io/ 簡單拉colum

http://www.bootply.com/new# 更圖形化，但註冊無效！無圖形化，但可測試bootstrap程式碼

http://scripteden.com/builder/bootstrap/ 好像免費

收費：
http://pinegrow.com/ 好
http://macaw.co/ 好
https://www.boottheme.com/app/#page 要錢-不能商用
https://app.brix.io/brix/preview.html?p=811#self 只有試用
http://www.bootstrapdesigner.com/ 要註冊，存在遠端

http://demo.bootstraptor.com/blocks.html# 讚
PRO us$44 http://www.mightydeals.com/deal/blocks.html

bootstrap template

http://getbootstrap.com/getting-started/#examples

http://bootswatch.com/

http://startbootstrap.com/

$
https://wrapbootstrap.com/

EExcel 丞燕快速查詢2