Bootstrap常用样式以及使用(登录)


Bootstrap常用样式以及使用(登录)


一:登录Bootstrap官网:https://www.bootcss.com/
二:在起步——》登录页面——》右键审查元素——》获取到body(见下图)
在这里插入图片描述
三:复制到相应的页面中,然后格式化
在这里插入图片描述
在这里插入图片描述
四:启动项目,但是没有样式
在这里插入图片描述
五:添加样式(映引入css文件,或者直接下载)
在这里插入图片描述
六:有了一部分样式如下图:
在这里插入图片描述
七:怎样获取全部样式(右键查看审查元素——》获取相应的文件),然后保存下来
在这里插入图片描述
八:在django中存放静态文件

  1. 在settings中配置
    在这里插入图片描述
  2. 创建文件夹,名为static里面存放js,cs,imgs,还有插件plugins将Bootstrap存放到plugins中在这里插入图片描述
  3. 使用里面的样式在这里插入图片描述
  4. 将静态文件放入到相应的文件夹中使用css以及Bootstrap用link标签,如: `
  5. 重启Django,结果如图在这里插入图片描述`
posted @ 2020-06-05 10:25  知秋一叶9527  阅读(698)  评论(0编辑  收藏  举报