直接bootstrap之类的UI框架真的比自己用传统的css和js写好么
bootstrap是基于html5，css3的ui框架。ui框架除了bootstrap，还有extjs等，应用都很多的。
你非要说是不是比传统手写好，我要说好，有些偏激，我只能说：ui框架是方便了前端界面搭建，可以更快捷，更方便的搭建出相对稳定的前端界面。缺点是由于框架不是你自己写的，所以你需要对框架的细节进行修改的时候，还要重新学习框架。
你可以参考一些bootstrap的模板，还是很不错的，除了美观，还具备响应式交互，个人感觉很不错，目前我在翻译一套基于bootstrap的框架的文档，感觉挺实用的，常用功能几乎都有了，如果功能不够用，可以考虑使用一个其他插件来代替。
前端开发框架有哪些
前端框架好不好用还是要看具体情况分析，我这里给你推荐几个常用的框架，可以按需使用。
1、vue-element-admin
一个基于vue2.0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。
2、AdminLTE
非常流行的基于Bootstrap 3.x的免费的后台UI框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手用来做项目。
3、ant-design-pro
这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。
4、ng2-admin
这是基于Angular 2、Bootstrap 4和webpack的后台管理面板框架，要收前面已经有了React和vue技术栈的模板，那怎么能少了ng的？虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三巨头之一的地位。
5：Gentelella
Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式，还有一系列功能强大的 jQuery 插件和工具，可快速创建管理界面模版或者后台的 Dashboard。
6：iview-admin
iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。
7：blur-admin
BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。
8：vue-manage-system
vue-manage-system，一个基于 Vue.js 和 element-ui的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。
9：material-dashboard
基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material
Bootstrap Admin，其设计灵感来自谷歌的 Material Design 。
10：d2-admin
D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作
11：vuestic-admin
vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。
bootstrap+vue.js做前端框架的特点
1、易于开发：bootstrap+vue.js提供了页面数据渲染模板引擎如v-ifv-for等、提供事件绑定@click等，代码清晰明了，逻辑简单，易于上手。
2、高性能：bootstrap+vue.js提出虚拟DOM概念，以及数据驱动DOM思想，减少页面渲染成本，大幅度提高性能。
3、生态完善：许多开发者提供了对bootstrap+vue.js支持的插件如ElementUI，完善bootstrap+vue.js的生态，故使用bootstrap+vue.js进行开发，遇到的难题会较少。
4、开源社区活跃：这提供bootstrap+vue.js未来更加强大的可能性。
基于ThinkPHP5和Bootstrap的极速后台开发框架FastAdmin
FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架。
权限管理
基于完善的Auth权限控制管理、无限父子级权限分组、可自由分配子级权限、一个管理员可同时属于多个组别
响应式开发
基于Bootstrap和AdminLTE进行二次开发,手机、平板、PC均自动适配,无需要担心兼容性问题
多语言
不仅仅后台开发支持多语言,同时视图部分和JS部分仍然共享同一个语言包,语法相同且自动加载
模块化开发
控制器、模型、视图、JS一一对应,使用RequireJS进行JS模块化管理,采用Bower进行前端包组件管理
CRUD
控制台进行一键生成控制器、模型、视图和JS文件,同时可一键生成后台权限节点和菜单栏
丰富的插件
基于ThinkPHP行为功能实现的插件机制,拥有丰富的插件和扩展,可直接在线安装卸载
主要特性
Bootstrap简介
什么是Bootstrap？
Bootstr是一个用于快速开发web应用程序和网站的前端框架，Bootstrap是基于HTML，Css，JavaScript的。
Bootstrap历史：
Bootstrap是由Twitt的Mark Otto和Jecob Thomton开发的。Bootstrap是2011年八月在Github上发布开源产品。
Bootstrap的优点：
1.所有主流浏览器都支持Bootstrap。
2.容易上手。
3.响应式设计：Bootstrap的响应式能够自适应与台式机、平板电脑和手机。
4.包含了强大的内置组件，易于定制。
5.提供了基于web定制。
6.Bootrap是开源的。
Bootstrap包含的内容 ：
基本结构：Bootstrap提供了一个带有网络系统、链接样式、北京的基本结构。
css：Bootstrap自带一下特性：全局css设置、定义基本的HTML元素样式、可扩展class、以及一个先进的网格系统。
javascript 插件：Bootstrap包含了十几个自定义的的jq插件。你可以直接包含所有的插件，也可以逐个包含这些插件。
组件：Bootstrap包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。
定制：你可以定制Bootstrap的组件、lESS 变量和jQuer插件来得到你自己的版本。