Menu

4.2. 样式美化

样式美化

现在,让我们来新建一个分支,接下来针对样式的调整修改都将在此分支上进行:

$ git checkout master
$ git checkout -b filling-layout-style

Bootstrap

在本书的教学过程中将使用 Bootstrap 来作为演示应用的前端框架。Bootstrap 是由 Twitter 的两位工程师 Mark Otto 和 Jacob Thornton 在 2011 年开源的一个 Web 前端框架。该框架兼容当下主流浏览器,并支持响应式设计,对新手友好,容易上手,且内置了非常多的样式组件可供使用。如果你对 Bootstrap 的使用不太熟悉,推荐你阅读下 Bootstrap 的 官方文档

网站导航

我们在很多网站上都能看到顶部导航的存在,因为这是个非常通用的产品需求,顶部导航能够让用户很方便的对网站进行浏览。接下来我们会使用 Bootstrap 来为网站添加顶部导航,加入一些基本的如 LOGO,帮助页,登录页等链接,方便用户跳转,随着后面功能的添加,该导航也会被不断完善。

Laravel 项目默认集成了 Bootstrap 前端框架,但还是需要你做一定配置之...

本文章首发在 Laravel China 社区

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
讨论数量: 67

抠脚大叔
NPM run watch-poll 无法运行解决方法?
10 个点赞 | 7 个回复 | 分享
permission
yarn install --no-bin-links 是什么意思?
6 个点赞 | 1 个回复 | 问答
Chasers9527
本章建议修改
5 个点赞 | 0 个回复 | 分享
yxfmlbb
懵圈的开发
说说这个网站的教程!
2 个点赞 | 12 个回复 | 分享
jiangpanyue
NPM run dev 的问题?
1 个点赞 | 5 个回复 | 问答
jieija
yarn install --no-bin-links 后出现错误
0 个点赞 | 1 个回复 | 问答
wongvio
这个环境真的是伤不起了。。。。
0 个点赞 | 4 个回复 | 问答
beatles
huosuyun
样式导入路径?
0 个点赞 | 3 个回复 | 问答
阿伦
node_modules/Bootstrap-Sass 没有了?
0 个点赞 | 5 个回复 | 问答
1245
这里样式有点疑惑?
0 个点赞 | 1 个回复 | 问答
liuyf
JackZhang
yarn install --no-bin-links 一直在 waiting?
0 个点赞 | 8 个回复 | 问答
Jeepin
请问我的 NPM 还有救吗?
0 个点赞 | 4 个回复 | 问答
halweg
seeker
logic
NPM run watch-poll 错误,如何解决?
0 个点赞 | 4 个回复 | 问答
bldcs123
NPM run dev 报错 丢失脚本 dev?
0 个点赞 | 1 个回复 | 问答
moonsuvn
页面优化调整失败????
0 个点赞 | 3 个回复 | 问答
Mr_Guo
安装好像卡死了 几个意思啊 ?
0 个点赞 | 2 个回复 | 问答
zhbguoke
输入 sample.app 谷歌提示隐私设置错误?
0 个点赞 | 10 个回复 | 问答
haiyunx
SCSS 文件中的 $ 是什么意思?
0 个点赞 | 2 个回复 | 问答
刻意练习,每日精进。
96
点赞
30136
浏览
67
讨论
贡献者