bootstrap实践写下电商网页

本文记录了使用Bootstrap 3.3.7构建电商网页的过程,包括布局设计、导航栏设置、内容区域的构建,以及登录注册页面的样式。特别提到在使用Bootstrap的col属性时可能出现的浮动问题,以及如何解决。同时,提到了Bootstrap中各种类的选择器,如navbar、list-group、form-group等,用于创建不同的界面元素和交互效果。
摘要由CSDN通过智能技术生成

首先感谢B站大佬的慷慨授课!!!!!

个人制作效果:
这里写图片描述
就下来记一下笔记巩固记忆;

1!引入bootsrap样式,用到网站bootcdn中文网.

用到的版本3.3.7,其他版本像4.0我不知道怎么回事引入后并没有效果.

有大佬知道怎么回事方便就@下小弟:感激不尽!

bootstrap样式可以下载保存本地也可直接采用外部链接使用,

在设计之前做好布局,导航栏以下部分是竖向排列3份,各占比例20%,50%,30%;

这里用col-lg属性 或者在css样式自定义属性调用

**{注意:使用boot的col属性后效果是定义为浮动的 ,如果在后面编写时遇到内容不对
齐,*可以在class类选择里加入“clearfix’属性清除浮动}*

使用class类选择器可以调用bootstrap样式

导航栏 “navbar” ‘navbar-header” 建设内容框架

“navbar-brand”可以在导航头添加图片链接等等

“nav navbar-nav”书写导航栏里内容

可以使用

    评论 3
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值