How to start bootstrap with netbeans

Untuk dapat lebih mempermudah pembuatan template web dengan bootstrap, kita dapat memanfaatkan IDE netbeans versi 8.2 (current update), karena IDE neatbeans memiliki beberapa keunggulan seperti telah terdapat pilihan wizard untuk template bootstrap, dan kita dapat langsung dapat melihat hasilnya dengan menggunakan perintah run pada IDE neatbeans. File hasil project ini dapat di download disini.

Untuk menggunakan bootstrap versi terbaru dapat didownload disini.

  • Create new project dan pilih HTML5
VirtualBox_rekweb-vm_22_03_2017_22_24_40
Gbr 1. Create new html project
VirtualBox_rekweb-vm_22_03_2017_22_25_36
Gbr 2. Choose boostrap template
VirtualBox_rekweb-vm_22_03_2017_22_26_07
Gbr 3. Uncheck all options
VirtualBox_rekweb-vm_22_03_2017_22_26_31
Gbr 4. Generated result file structure
VirtualBox_rekweb-vm_22_03_2017_22_26_53
Gbr 5. Run the file
VirtualBox_rekweb-vm_22_03_2017_22_27_03
Gbr 6. Install netbeans connector for chrome
VirtualBox_rekweb-vm_22_03_2017_22_27_22
Gbr 7. Click Add to chrome
VirtualBox_rekweb-vm_22_03_2017_22_27_33
Gbr 8. Add the extension
VirtualBox_rekweb-vm_22_03_2017_22_28_05
Gbr 9. Final result
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s