มีตัวแก้ไขเว็บแบบเห็นภาพตาม bootstrap หรือไม่


11

Bootstrap เป็นเฟรมเวิร์กที่ยอดเยี่ยมและฉันต้องการทราบว่ามีเครื่องมือที่ช่วยให้คุณสามารถลากส่วนประกอบ html, ปรับขนาดและย้ายมันใหม่, เปลี่ยนสีได้หรือไม่ในขณะที่สร้างโค้ด bootstrap html

ฉันไม่ต้องการใช้ Dreamweaver เพราะคุณต้องไปและเพิ่มคลาสและรหัสลงใน html ซึ่งบางครั้งอาจทำให้เกิดความเจ็บปวด


1
ฉันไม่คิดว่าสิ่งที่ยากที่จะทำเป็นพิเศษหากคุณต้องการใช้ CSS เฉพาะปุ่มและองค์ประกอบ UI ทั้งหมดควรได้รับการจัดเตรียมไว้ล่วงหน้านั่นคือการเคารพเท่านั้นและนี่สามารถประหยัดเวลาได้มาก
Kamel Labiad

1
@ DA01 WYSIWYGs ยุ่งยาก พวกมันเริ่มดีขึ้นเรื่อย ๆ แต่ดูเหมือนจะไม่ทันคิดมากพอก่อนที่เว็บจะกลับมาและกลายเป็นความซับซ้อนที่ซับซ้อนมากขึ้นอีกครั้ง พวกเขาอยู่ในจุดที่พวกเขาสามารถทำงานได้ดีสำหรับเว็บไซต์พื้นฐานที่จะทำงานบนเดสก์ท็อปและแล็ปท็อป แต่ดูเหมือนจะเป็นเรื่องเกี่ยวกับมัน
เอริค

ในที่สุดนี้ดูเหมือนว่าคำตอบสำหรับสิ่งที่ฉันกำลังมองหาpingendo.com
Kamel

คำตอบ:


5

Jetstrapเป็นเครื่องมือออนไลน์ที่ให้คุณลากและวางส่วนประกอบ Bootstrap อย่างเป็นทางการจำนวนมากไปยังหน้าของคุณ

ป้อนคำอธิบายรูปภาพที่นี่

เห็นได้ชัดว่าพวกเขารับประกันการตอบสนองและการส่งออก HTML ที่สะอาด

ฟรีสำหรับหนึ่งโครงการและ $ 8 สำหรับ 10 โครงการ


ไม่สามารถใช้งานได้อีกต่อไป
Skelly

3

ลองดูBootply.com - เป็นตัวแก้ไขเบราว์เซอร์ที่ใช้ฟรีสำหรับ Bootstrap HTML, JS และ CSS

  • แถบเครื่องมือที่มี Bootstrap CSS, ส่วนประกอบและ JavaScript ทั้งหมด
  • ดูตัวอย่างแบบเต็มหน้าจอหรือมือถือ / ตอบสนอง
  • รวมถึง FontAwesome, jQueryUI และส่วนขยาย Bootstrap อื่น ๆ
  • รองรับ Bootstrap 3

UPDATE

ตอนนี้ Bootply มีการรองรับ Bootstrap 4 ที่กำลังจะมาถึง


นี่เป็นวิธีแก้ปัญหาที่ยอดเยี่ยมจริงๆ
Chaklader Asfak Arefe



0

มีตัวแก้ไข / เครื่องมือสร้างภาพ Bootstrap ใหม่ล่าสุดอยู่ที่นี่:

ตัวสร้าง Bootstrap ของ UMyProto

เป็นมิตรกับผู้ใช้อย่างยิ่งคุณสามารถแก้ไขกริดที่ตอบสนองได้ในหลายคลิกเพิ่มสไตล์ CSS ที่กำหนดเองเปลี่ยนธีม Bootstrap ผ่านตัวแปร LESS ดูตัวอย่าง / แชร์ / ดาวน์โหลดไฟล์ HTML ที่เสร็จสมบูรณ์ และผู้สร้างทำงานบนแท็บเล็ต!


ดูเหมือนว่าจะหายดี!
Chaklader Asfak Arefe

0

ฉันคิดว่า Dreamweaver cc 2014 มีเทมเพลตที่คล้ายกับ bootstrap ที่คุณสามารถใช้งานได้ทันที


ขอบคุณสำหรับการสนับสนุนและยินดีต้อนรับสู่ GraphicDesign! หากคุณมีคำถามใด ๆ แจ้งให้เราทราบ
Zach Saucier

0

ลองใช้แอพนี้ที่ฉันพัฒนาขึ้นมา: Bootstrap 3 drag'and'drop builder

ป้อนคำอธิบายรูปภาพที่นี่


ดูเหมือนจะเป็นแนวคิดที่ยอดเยี่ยม แต่มันไม่ได้อยู่ในรุ่นเบต้าและคำเชิญแบบส่วนตัวเท่านั้นดังนั้นจึงยังไม่ออกแม้สำหรับการทดสอบดังนั้นจึงเป็นการยากที่จะแนะนำ
DᴀʀᴛʜVᴀᴅᴇʀ

ลองฟรีแม่แบบ bootstrap KIT bootstraptor.com/bootstrap-freeและ Bootstrap 3. * ผู้พัฒนาพรีเมียมชุดเริ่มต้นที่นี่bootstraptor.com
user2345551

0

Pinegrowเป็นอีกตัวเลือกที่ดีมาก ช่วยให้คุณมีรูปแบบใน Bootstrap & Foundation ซึ่งคุณสามารถแก้ไขได้อย่างง่ายดายในแอพอื่น ๆ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.