bootstrap3随笔_html/css_WEB-ITnose
Jun 24, 2016 am 11:45 AM
bootstrap3随笔
[TOC]
布局容器
Bootstrap需要为页面内容和栅格系统包裹在一个.container容器
!!! Caution "Warning!"
由于padding等属性的原因,这两种容器不能互相嵌套
栅格参数
排版
标题
~都可以使用,同时提供了.h1到.h6的类
!!! Hint "Info"
如果使用副标题的话可以包含标签或者使用.small类
内联文本元素
小号文本
标签包裹的元素,其内的文本将被设置为父容器字体大小的85%。
!!! Note '提示'
标题元素中嵌套的元素被设置不同的font-size
着重
包裹的元素font-weight值会加重
斜体
使用标签包裹
对齐
基本缩略语
如果缩略语是首字母,为了突显出来,可以加上.initialism类,可以让font-size变得稍微小一些
引用
可以添加引用内容<blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> </blockquote>로그인 후 복사!!! Note "另一种展示风格"
通过赋予 .blockquote-reverse 类可以让引用呈现内容右对齐的效果。列表
、
来生成有序列表和无序列表
- list-unstyled 无样式列表
- list-inline 内联列表(就是排成一行)
描述
带有描述短语的列表
- dl-horizontal 可以让
内的短语及其描述排在一行
代码块
内联代码<br>
- 用户输入
代码块<br>로그인 후 복사- 变量
- 程序输出

인기 기사

인기 기사

뜨거운 기사 태그

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











공식 계정 웹 페이지의 캐싱 업데이트에 어려움 : 버전 업데이트 후 사용자 경험에 영향을 미치는 이전 캐시를 피하는 방법은 무엇입니까?

HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?

웹 페이지의 PNG 이미지에 뇌졸중 효과를 효율적으로 추가하는 방법은 무엇입니까?

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?

iframes 사용의 보안 영향은 무엇이며 어떻게 완화 할 수 있습니까?

html5 & lt; meter & gt; 범위 내에 숫자 데이터를 표시하는 요소?

HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?

html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소?
