The latest articles on DEV Community by Yuxio(Yukishio) (@yuxioarts). https://dev.to/yuxioarts https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F41281%2F22ed9420-cb99-47f1-8a41-b823dc0dc1d9.jpg https://dev.to/yuxioarts en Yuxio(Yukishio) Thu, 16 Nov 2017 00:26:30 +0000 https://dev.to/yuxioarts/letss-start-bootstrap-editor-1j4 https://dev.to/yuxioarts/letss-start-bootstrap-editor-1j4 <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--pcc6eUEo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/01rfdu969378mwe05stj.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pcc6eUEo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/01rfdu969378mwe05stj.png" alt="Alt text of image"></a><br> URL:<a href="http://www.venezia-works.com/bst/">http://www.venezia-works.com/bst/</a></p> <h1> Do you know Bootstrap Editor? </h1> <p>With Bootstrap Editor you can create a Bootstrap page in just 1 second.</p> <h1> Who made it? </h1> <p>Bootstrap Editor is a tool made in Japan.<br> <a href="https://mvp.microsoft.com/ja-jp/PublicProfile/5000050">Daisuke Yamazaki</a> made it.</p> <h1> What is the attention degree of Japan? </h1> <p>It has not received much attention yet.<br> However, <a href="https://qiita.com/yuxio/items/33ed210f58b649ce261b">in an article</a> I wrote, I gained 5000 views with <a href="https://qiita.com/">qiita</a>.</p> <h1> Just choose usage template! simple! </h1> <p>URL: http: //<a href="http://www.venezia-works.com/bst/">www.venezia-works.com/bst/</a></p> <p>Unnecessary server construction / installation is unnecessary.<br> You can work online.</p> <p>One of the green "Bootstrap 4" "Bootstrap 3"<br> You can start as soon as you press the button.</p> <h1> Various templates </h1> <p>Basic grid page<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--BOPfYbVZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/zuevcw11c98ytp0613zo.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--BOPfYbVZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/zuevcw11c98ytp0613zo.png" alt="Basic grid"></a></p> <p>Landing page<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YN7EdFqk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/uodrrwhhul59r4a7r2m9.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YN7EdFqk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/uodrrwhhul59r4a7r2m9.png" alt="Landing page"></a></p> <p>blog<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--353DJA3O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/tae7ob98mhrd1cayrbbf.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--353DJA3O--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/tae7ob98mhrd1cayrbbf.png" alt="blog"></a></p> <p>GoogleMAP<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--6q19A8IO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/8rnhi0181vgdnmauw6hm.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--6q19A8IO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/8rnhi0181vgdnmauw6hm.png" alt="GoogleMAP"></a></p> <p>Other functions<br> ■Save / Open / Clear<br> "Save" temporarily saves the data being edited. "Open" redisplays the saved data. "Clear" deletes saved data.</p> <p>■Download<br> File downloading data being downloaded</p> <p>■CODE<br> Editor color selection (Emmet)</p> <p>■Nomal<br> Bootstrap template color selected</p> <p>■Live View<br> Preview the CODE being edited (PC, Tablet, Phone, CodeOnry)</p> <p>■error indication<br> Show JavaScript error</p> <h1> at the end </h1> <p>When trying bootstrap online or creating pages easily,<br> Please use Bootstrap Editor!</p> <p><a href="http://www.venezia-works.com/bst/">http://www.venezia-works.com/bst/</a></p> bootstrap frontend bootstrapeditor