bootstrap小知识点总结:a标签锚点跳转问题,布局常用方法

1.使用锚点的时候,因为顶部导航是fixed的,所以会导致跳转偏移,所以才用给每个模块的div设置一个relative属性,并且增加padding:-50px的属性,修正锚点的位置;(增加子元素,并给予padding撑开盒子的方法还在研究);

2.设置不换行,超出部分隐藏的三个标签:   overflow:hidden;white-space:norwarp;text-flow:ellpsis;

3.设置某些元素,在特定屏幕大小下隐藏只要使用class="hidden-xs" 类似的用法就行了,原理就是媒体查询的方法;

4.注意class="container"  和 class=“container-fluid"配合使用,合理模块排版;

时间: 2024-10-19 06:19:34

bootstrap小知识点总结:a标签锚点跳转问题,布局常用方法的相关文章

bootstrap 架构知识点

.col-md-pull-2 向右相对定位偏移量 .col-md-push-2 向左相对定位偏移量 .pull-left 左浮动 .pull-right 右浮动     改变大小写 通过这几个类可以改变文本的大小写. <p class="text-lowercase">Lowercased text.</p>//转成小写 <p class="text-uppercase">Uppercased text.</p>//转

Pure CSS 的网格布局(比bootstrap小很多且易扩展的css UI)

(转自百度经验)http://jingyan.baidu.com/article/48a42057c44fdba9242504dd.html Pure是一个简单.实用的CSS框架,鉴于目前网上对pure的资料比较少,所以我想把使用pure的一些经验介绍给大家,相信你看完本文后也会爱上pure. Pure包含多个模块:Base(基本样式).Grids(网格系统).Forms(表单).Buttons(按钮).Tables(表格).Menus(菜单),本文主要介绍如何使用Grids(网格系统). 1.

Javascript的一些小知识点

小弟五一回家去了,本想好好的享受下五一假期,谁知悲剧的人生不需要解释.好不容易过五关斩十将,跨千山趟万水,回到家里.吃着老妈做的好菜,第二天就莫名其妙的急性肠炎,这肚子闹腾的.NND,气死哥了,早知道就不回家了.好了,废话不多说,进入主题. ================ 关于clientHeight.offsetHeight.scrollHeight window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏

微信小程序 scroll-view 实现锚点跳转

在微信小程序中,使用 scroll-view 实现长页面的标记跳转,官方文档中没有例子演示,锚点标记主要是使用<scroll-view> 的 scroll-into-view 属性. 实现锚点跳转主要以下几点: 1.最外层容器使用 scroll-view 2.赋值scroll-into-view,如:<scroll-view scroll-into-view="{{toView}}"> 3.设置 scroll-view 滚动方向 scroll-y="t

web前端小知识点

写在前面: 该篇是个人平时对web前端小知识点的总结,会不定时更新...... 如有错误,敬请批评指正. 正文: 1.WWW是World Wide Web的缩写. 2.HTML(Hyper Text Markup Language)是用于描述网页文档的超文档标记性语言. 3.Web主要包括超文本传输协议(HTTP).统一资源定位符(URL)以及超文本标记语言HTML组成. 4.HTTP是客户端和服务器端信息交互的网络协议. 5.URL是网络上的资源的唯一标识符,俗称网址. 6.文本.图像.超级链

记录神经网络中一些小知识点

记录神经网络中一些小知识点 1 Caffe中的blob维度 Caffe中的blob具有4个维度,分别是num,channel,width和height: 其中我们在定义各个网络层时,常用到的一个参数numout,就是指定的channel: 比如说,维度为1*3*5*5的数据输入网络(即每次输入一张5*5大小的3通道图),经过一个stride为2,pad为1,kernel为2,numout为2的卷积层后,维度就变成了1*2*3*3: 假如输入有n个通道,计算时,caffe就会对应产生n个filte

C++ 小知识点 WINAPI

int WINAPI WINMain 中,WINAPI含义 网友给出回答:在windef.h头文件中有如下定义#define WINAPI      __stdcall#define APIENTRY    WINAPIVC有两种函数调用方式 一种是__stdcall,另一种是__cdecl函数的调用方式有两种一种是PASCAL调用方式,另一种是C调用方式使用PASCAL调用方式,函数在返回到调用者之前将参数从栈中删除使用C调用方式,参数的删除是调用者完成的WinMain函数是由系统调用的,Wi

0607am抽象类&amp;接口&amp;析构方法&amp;tostring&amp;小知识点

/*class ren{ public static $color;//静态 static function () { ren::$color; self::$color;//self只能写在类里面,代表这分类 }} */ //不能实例化的类:抽象类abstract class Animal //关键字abstract{ public $dong; public $jiao; function chi() { } function shui() { }}class Ren extends Ani

初学MySQL中的一些小知识点

写在前面,小弟初用博客记录学习路上的一点点小知识点,其中可能有个人理解方面的误差,或不明白的地方.希望各位大牛纠正指导,小弟感激不尽!这并不是什么帮助别人解决问题的文章,只是小弟将学习到的内容一一写在博客上,这样方便以后复习,还恳请大家勿喷.. 一.进入MySQL客户端 1.客户端可以通过.../MySQL/bin目录下的sql.exe运行客户端. 1.1:访问方式一: -u root -p /*可以直接在这段代码的后面添加密码,也可以按回车后再输入密码*/ 1.1:访问方式二: --host