阿里云
>
bootstrap读书笔记实战
bootstrap读书笔记实战
【
读书笔记
《
Bootstrap
实战
》】1.初识
Bootstrap
作为Web前端开发框架,
Bootstrap
为大多数标准的UI设计常见提供了用户友好、扩浏览器的解决方案。1.下载
Bootstrap
打开官方网址 http://get
bootstrap
.com/进行下载。2.准备项目模板文件夹 接下来,我们为第一个项目创建一个文件夹以及一些...
【
读书笔记
《
Bootstrap
实战
》】4.企业网站
(1)把 visible-md visible-lg 添加到 banner-brand 类后面:<a class="banner-brand visible-md visible-lg" href="#"><img src="img/logo.png"alt="
Bootstrap
'"width="180"/>(2)把 visible-xs visible-sm 添加到 navbar-brand 类后面:...
【
读书笔记
《
Bootstrap
实战
》】2.作品展示站点
这个项目可以利用
Bootstrap
的很多内置特性,同时也将根据需要对
Bootstrap
进行一些定制。1.设计目标 虽然对大屏幕中的展示效果已经胸有成竹,但我们还应该从小设备开始,强迫自己聚焦在关键的要素上面。这个作品展示站点应该具有下列功能:...
【
读书笔记
《
Bootstrap
实战
》】5.电子商务网站
构建了公司网站之后,接下来就可以考虑设计一个...(4)覆盖
Bootstrap
按钮的 white-space:nowrap 规则,让文本可以折行(
Bootstrap
的white-space 规则是在 less/
bootstrap
/buttons.less 中定义的,关于这个属性的更多信息,大家可以参考:...
【
读书笔记
《
Bootstrap
实战
》】3.优化站点资源、完成响应式图片、让传送带支持手势
(1)打开 js/plugins.js(2)删除属于
bootstrap
.min.js 的代码块(3)打开 js/
bootstrap
文件夹,这里保存着
Bootstrap
插件的独立文件。组个打开系列文件,将他们的代码复制到 plugins.js 文件里,这三个插件是我网站中用到的:□carousel.js...
1
你可能感兴趣
.
angularcli构建添加bootstrap
.
angularcli构建bootstrap报错
.
bootstrapblog更新支持
.
bootstraphtml5.js报错
.
bootstraphtml5.js无效
.
bootstraprowfluid版本
.
bootstrap工具最佳实践文件
.
bootstrap兼容ie.js无效