logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Bootstrap布局

Bootstrap布局Bootstrap提供了两种类型的布局容器,一种是固定宽度的布局容器,一种是流式布局容器。将栅格放在某种容器中,即可实现相应的布局。固定布局将Bootstrap的默认栅格放到 class="container" 的容器中,即可创建固定宽度的布局。固定布局在整个页面上居中显示。如:<body>  <div class

Bootstrap 响应式导航条

响应式导航条响应式导航条能够根据浏览器窗口宽度,自动调整导航条的显示状态。一般会为响应式导航提供一个导航条和一个按钮。当浏览器窗口足够宽时,正常显示导航条而不显示按钮。当浏览器窗口宽度缩小到一定程度时,自动隐藏导航条并显示按钮。此时,用户点击按钮,隐藏的导航条就会显示出来。要使用Bootstrap中的响应式导航条,需要把导航条放在 .nav-collapse.collapse 的容器中,并添加一个

Bootstrap 标签导航的布局

标签导航的布局默认情况下,标签的位于顶部。为了灵活控制标签的位置,Bootstrap额外提供了 3 个类,分别是 .tabs-left、.tabs-right、.tabs-below,它们分别让标签位于左侧、右侧、底部,可以根据需要选择使用。如果希望标签在左侧,只需为 .tabbable 容器追加 .tabs-left 类即可。如:<div class="tabbables

CSS 分页导航

分页导航对于搜索引擎或电子商务网站,常常将信息分页显示,这样可以减少页面大小,进而提高页面的加载速度。分页显示后,就需要通过分页导航来告诉用户要浏览的信息量,方便用户快速跳过一些不想看的信息,也便于定位和查找。因此,分页导航也是很常见的、很重要的一种导航。实际上,CSS 分页导航的制作方法也很简单。分页导航一般包括上一页、页码、下一页三部分。首先,创建一个容器,来包裹分页导航的链接。如:&

Bootstrap巨幕(Jumbotron)

巨幕巨幕(Jumbotron)是一个轻量、灵活可扩展组件,它能延伸到整个视口宽度,主要用于展示网站的重点内容。它的标题会被加大显示,而且边距也比较大,非常适合营销类或内容类网站。要在页面中放置一个巨幕,只要给容器 <div> 添加 .jumbotron 类即可,还可以添加标题、说明性文本、按钮等,标题可以使用从 <h1> 到 <h6> 的任意标签。如:...

CSS 水平对齐text-align属性

水平对齐在一个块级容器中,当一行中的行内级框的总宽度,小于容器的宽度时,通过 text-align属性来指定这些行内级框在行中的水平分布。事实上,text-align属性是通过指定行框与哪个点对齐,来决定行内级框在行中如何进行水平分布。可选值有 left | center | right | justify | start | end,默认值为start。不同取值的含义见表 3‑3:表 3-3 t

CSS 背景尺寸 background-size属性

背景尺寸在CSS3之前,我们不能指定背景图像的显示大小,一般是按图像的原始尺寸显示。在CSS3中,通过 background-size属性,可以设置背景图像的显示尺寸。background-size属性的值可以是预定义关键字 cover | contain,也可以是使用长度值、百分比或 auto 定义背景图像的尺寸,长度和百分比不允许负值。使用预定义值时,cover 表示背景图像完全覆盖容器的背景

CSS 单词换行 word-break属性

单词换行word-break属性用来规定自动换行的处理方式,它不仅可以让浏览器在半角空格或连字符的后面换行,也可以实现在任意位置换行,可选值有 normal | keep-all | break-all,默认值为 normal。normal 表示根据语言自身的换行规则,确定换行方式,中文将容器边界处的汉字换到下一行,西方文字则将整个单词换到下一行;keep-all 表示不允许把单词截断,只能在半角

CSS 背景重复 background-repeat属性

背景重复默认情况下,如果一幅背景图像不足以占满整个容器时,就会在水平方向和垂直方向重复,以填满整个容器。然而,有时候却希望背景图像只出现一次,或只在某个方向上重复。这时,就可以通过 background-repeat属性来定义背景图像如何重复,即背景图像的平铺方式,可选值有 repeat | repeat-x | repeat-y | space | round | no-repeat,默认值为

Bootstrap 表单控件的尺寸

表单控件的尺寸在Bootstrap中,有三种设置控件尺寸的方法,一种是让控件成为块级元素,一种是使用相对尺寸,一种是使用网格尺寸。1、让控件成为块级元素如果想让控件像块级元素一样占满容器,就可以为它添加 .input-block-level 类。这样,控件不仅可以占满容器,还可以根据浏览器窗口自动调整尺寸。如:<input class="input-block-level&

    共 12 条
  • 1
  • 2
  • 请选择