bootstrap框架之bootstrap怎么使用?

2022-12-01 0 253

1.bootstrap是甚么?

Bootstrap 是两个用作加速合作开发 Web 插件和中文网站的后端架构。Bootstrap 是如前所述 HTML、CSS、JAVASCRIPT 的。

2.bootstrap框架是不是用?

第三步,具体来说将bootstrap浏览留下来后,放到两个专门针对的配置文件下

第三步,在HTML架构中加进如下表所示标识符(如下表所示标识符能透过官方中文网站–进阶–此基础模版找出)

bootstrap框架之bootstrap怎么使用?

第三步,导入css式样。即透过第三步浏览bootstrap中的css。

第三步,修正式样,假如想修正,间接加进Pthreads的形式,修正方可。

3.bootstrap架构是不是用?

1)在采用bootstrap架构的这时候,须要先表述两个名叫container的类,containerPthreads是一般来说的,无法依照他们的偏好自订:

bootstrap框架之bootstrap怎么使用?

2)接着在container中能随便置放子原素,比如我想container中置放4个div的子盒子:

3)由于我们是采用bootstrap架构,因此在制作响应式布局的这时候,不须要透过媒体查询来控制页面的宽度,而是透过container来控制,具体是不是控制呢?

①当页面是大屏显示的这时候,我们只须要将col-lg-*的类放到container中的几个盒子中;举个例子:当我们想在大屏一行显示4个div原素,那么*=12/4=3:

bootstrap框架之bootstrap怎么使用?

②当页面是中屏显示的这时候,我们只须要将col-md-*的类放到container中的几个盒子中;举个例子:当我们想在中屏一行显示3个div原素,那么*=12/3=4:

bootstrap框架之bootstrap怎么使用?

③当页面是小屏显示的这时候,我们只须要将col-sm-*的类放到container中的几个盒子中;举个例子:当我们想在小屏一行显示2个div原素,那么*=12/2=6:

bootstrap框架之bootstrap怎么使用?

④当页面是超级小屏显示的这时候,我们只须要将col-xs-*的类放到container中的几个盒子中;举个例子:当我们想在超级小屏一行显示1个div原素,那么*=12/1=12:

bootstrap框架之bootstrap怎么使用?

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务