关于【bootstrap使用】，Bootstrap基本使用，今天犇涌小编给您分享一下，如果对您有所帮助别忘了关注本站哦。
内容导航：1、github最值得收藏的Bootstrap3后台管理框架2、Bootstrap基本使用3、Bootstrap 使用4、Bootstrap基本使用？1、github最值得收藏的Bootstrap3后台管理框架
"title":"1. AdminLTE","content"
AdminLTE是一个完全响应的后台管理模板。基于Bootstrap3框架。高度可定制，易于使用。适合许多屏幕分辨率从小型移动设备到大型台式机。
GitHub AdminLTE地址：https://github.com/almasaeed2010/AdminLTE
AdminLTE演示：https://adminlte.io/themes/AdminLTE/index2.html
"title":"2. Gentelella Admin","content"Gentelella Admin是一个免费的使用Bootstrap后台管理模板。该模板使用默认的Bootstrap3风格与各种强大的jQuery插件和工具来创建管理面板或后端仪表板创建一个强大的框架。
GitHub Gentelella Admin地址：https://github.com/puikinsh/gentelella
Gentelella Admin演示：https://colorlib.com/polygon/gentelella/index.html
"title":"3. Vali Admin","content"Vali Admin是一个免费的，模块化和易于定制的管理主题采用Bootstrap，SASS和pug.js。
GitHub Vali Admin地址：https://github.com/pratikborsadiya/vali-admin
Vali Admin演示：http://pratikborsadiya.in/vali-admin/
"title":"4. ModularAdmin","content"ModularAdmin是建立在一个模块化的方式，一个开放源码的仪表板的主题。这使得它非常容易扩展、修改和维护。
GitHub ModularAdmin地址：https://github.com/modularcode/modular-admin-html
ModularAdmin演示：https://gurayyarar.github.io/AdminBSBMaterialDesign/index.html
"title":"5. Metis","content"METIS是一个简单但功能强大的免费自助管理仪表板的模板，你可以随意使用任何应用程序。
GitHub Metis地址：https://github.com/puikinsh/Bootstrap-Admin-Template
Metis演示：https://colorlib.com/polygon/metis/
"title":"6. Ace","content"Ace是一个基于Twitter bootstrap3开发的后台模板。
GitHub Ace地址：https://github.com/bopoda/ace
Ace演示：http://ace.jeka.by/
"title":"7. Light Bootstrap Dashboard","content"Light Bootstrap Dashboard是一个建立在Bootstrap3之上的、完全响应的管理仪表板模板设计，美丽而简单。Light Bootstrap Dashboard附带了大量的元素集合，可以为你提供最适合你需要的应用程序的多种可能性。它可以用来创建管理面板、项目管理系统、Web应用程序后端、CMS或CRM。
GitHub Light Bootstrap Dashboard项目：https://github.com/creativetimofficial/light-bootstrap-dashboard
Light Bootstrap Dashboard演示：http://demos.creative-tim.com/light-bootstrap-dashboard
"title":"8. Material Dashboard","content"Material Dashboard是一个免费的 Material Bootstrap 后台。新的设计灵感来自谷歌的Material设计。Material Dashboard附带了一些第三方插件重新设计，以适应其余的元素。
GitHub Material Dashboard项目：https://github.com/creativetimofficial/material-dashboard
Material Dashboard演示：http://demos.creative-tim.com/material-dashboard/examples/dashboard.html
"title":"9. Clearmin","content"Clearmin是基于Bootstrap3开发的仪表板/程序/管理模板。
GitHub Clearmin项目：https://github.com/paomedia/clearmin
Material Dashboard演示：http://cm.paomedia.com/
2、Bootstrap基本使用
Bootstrap是当前流行的前端框架。下面，我们来看看Bootstrap的基本使用吧。
3、Bootstrap 使用
其实自己写demo更多的时候都是手写css的，因为可以自己定制，自由控制且可以随便折腾，但有时候很多流水工厂式的样式写起来就太无趣了，所以还是用Bootstrap吧…… 首先新建一个Html页面，把Bootstrap的样式与脚本引用塞进去： 这里有个问题，Bootstrap4.0以上是彻底不支持IE8以下的浏览器的，最新版已经把IE9抛弃了；= = 因为Bootstrap是JQuery依赖的，所以需要在脚本中引入JQuery，要注意的是，Bootstrap3.3.6版本以下是不支持JQuery3的，只能用JQuery2. 引入之后，在页面上插入container容器： 在这里是使用container还是container-fluid，主要看页面需求，两者区别在于：container-fluid是一个全宽的容器，使用整个宽度，而container则相当于一个margin：auto；的响应式的静态宽度div盒子； 两者的css设置： 标题与导航栏都可以写在header里： 在这里，导航使用nav标签创建的，Bootstrap里的导航条称为 navbar，navbar默认样式为白色，.navbar-inverse为颜色反白，可以得到黑色的导航条，需要其他颜色可以自己手动设置； 在 .navbar-collapse 中写入导航栏， .nav表明该ul为一导航栏，各li为导航类目；.navbar-nav说明是用于 navbar 中的导航; 在li中设置.active,可以在Javascript中控制鼠标click或者mouseover效果； 例如： .navbar-collapse 是说在视口的宽度小于 768px 的时候，将导航变成垂直方向。 对比： 如果想要获得移动端的三明治型显示，需要额外进行修改： 这里<a>标签是左侧的链接，button为右侧的三明治导航按钮，span为导航按钮的设计构成（三条白线和边框……）； 然后要完成点击三明治导航菜单的显示/隐藏，这时需要用到<button>里的data-target="#navbar-menu"，这个 #navbar-menu 就是我们为原来的导航所起的 id 标识。
4、Bootstrap基本使用？
Bootstrap是当前流行的前端框架。下面，我们来看看Bootstrap的基本使用吧。
这就是关于《bootstrap使用，Bootstrap基本使用（github最值得收藏的Bootstrap3后台管理框架）》的所有内容，希望对您能有所帮助！