BootStrap
xiaoxiao1777
这个作者很懒,什么都没留下…
展开
-
BootStrap-网页的布局介绍
刚开始写,最主要的先能够确定布局,先确定上中下,三个部分的样式完全可以分别用container或者container-fluid样式,左右两侧留白就用container,如果想要占满屏幕就用container-fluid,把三个div看做是三个容器,就用容器样式填充。确定了整体的页眉,主体,页脚,再在各个容器部分中利用栅格思想确定局部内的布局,主要使用的样式就是row和col-md-x1....原创 2019-12-29 10:25:45 · 817 阅读 · 0 评论 -
BootStrap-常用css样式
按钮: 元素为<button>,也可以是<a> class="btn btn-default"图片:元素为<img> class="img-responsive" 图片在屏幕缩放尺寸中,此图片都能占满当时尺寸的屏幕,如果没有这个属性,缩小屏幕后, 只能看到部分 i...原创 2019-12-28 16:32:26 · 186 阅读 · 0 评论 -
BootStrap-栅格
步骤:1.定义容器,相当于以前的table容器分类使用:container:不论在哪种设备上,距离屏幕左右两侧都会流出一定的空白间距,没有占满,看起来不是很紧凑,舒适 container-fluid:宽度占满了整个屏幕,每一种设备都是100%的宽度2.定义行,相当于tr 样式使用:row3.定义元素,相当于td,指定该元素...原创 2019-12-28 15:14:14 · 131 阅读 · 0 评论 -
BootStrap使用
1.下载 用于生产环境的BootStrap,此页面上方标题栏:全局css样式,可以在线查看想要的样式效果,下载好的里面有三个文件夹:css,js,fonts2.复制到项目的resources-static下3.将静态资源css和js引入到自定义的html页面中 3.1css和js文件分为,如:bootstrap.css和bootstrap.min.css,这两个有啥区别?...原创 2019-12-28 11:31:24 · 374 阅读 · 0 评论