下载好的bootstrap版本含有css、js、img.pdf资源-CSDN文库

版权申诉

57 浏览量 2022-01-06 01:07:31 上传评论收藏 92KB PDF 举报

资源详情

资源评论

下载好的 bootstrap 版本含有 css、js、img

文件结构：

bootstrap/

├── css/

│ ├── bootstrap.css

│ ├── bootstrap.min.css

├── js/

│ ├── bootstrap.js

│ ├── bootstrap.min.js

└── img/

├── glyphicons-halflings.png

└── glyphicons-halflings-white.png

文档章节：

Bootstrap 中的 HTML、 CSS和 JS适用于各类设备：

脚手架：全局性的样式文件，用于重置背景、链接样式、栅格系统等，并包含两个简单的布

局结构

基本 css 样式：常见的 HTML 元素 -- 如排版、代码、表格、表单、和按钮的样式。还包括

Glyphicons, 一个非常棒的图标集。

Glyphicons：

组件：常见界面组件 -- 如标签、 pill、导航、警告、页面标题的基本样式。

js 插件：和组件类似，这些 Javascript 插件用来实现提示 (tooltip) 、弹出框 (popover) 、模态对

话框 (modal)等具有交互性的组件。

组件列表：

组件库和 JavaScript 插件集一同提供了以下组件元素。

?按钮组

?按钮下拉菜单

?用于导航的标签、 pill、列表

?导航条

?Labels

?Badges

?Page headers and hero unit

?缩略图

?警告对话框

?进度条

?模态对话框 (Modals)

?下拉菜单 (Dropdowns)

?Tooltips

?Popovers

?Accordion

?Carousel

?Typeahead

在后面的文档中 , 我们会挨个详细的介绍这些组件的细节。在此之前 , 先来看看如何使用并

定制它们。

13. </div>

14. </div>

15.</div>

布局：

固定布局： <div class="container">

流式布局： <div class="container-fluid"> 可以创建流式、两列的页面

1.<div class="container-fluid">

2. <div class="row-fluid">

3. <div class="span2">

4.

5. </div>

6. <div class="span10">

7.

8. </div>

9. </div>

10.</div>

关于响应式 boolstrap ：被支持的设备布局宽度、类型、列宽以及间隙宽度都放在了一个样

式表中 ---

boolstrap-responsive.css

通过在文档中的 <head> 标签里添加合适的 meta 标签并引入一个额外的样式表即可启用响

应式 CSS。

1.<meta name="viewport" content="width=device-width, initial-scale=1.0">

2.<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

===============================================================================

基本 css样式

标题标签 <h1>---------- 》<h6>

Bootstrap 定义的全局 font-size 是 14px ，line-height 是 20px 。这些样式应用到了 <body>

和所有的段落上。另外，对 <p> ( 段落 )还定义了 1/2 行高 (默认为 10px) 的底部外边距 (margin)

属性。在 boolstrap.css 样式表中可查询

使段落突出显示可以在段落中添加类名为“ lead ”

variables.less 文件中定义的两个 LESS 变量决定了排版尺寸 :

@baseFontSize

和

@baseLineHeight 。第一个变量定义了全局 font-size 基准，第二个变量是 line-height 基准。

我们使用这些变量和一些简单的公式计算出其它所有页面元素的 margin 、 padding 和

line-height 。自定义这些变量即可改变 Bootstrap 的默认样式。在 base_css.html 文件中有

所运用

对于不需要强调的文本使用 small 标签即可：

<p>

<small>对于不需要强调的 inline 或 block 类型的文本，使用 small 标签 </small><br>

<big>对于不需要强调的 inline 或 block 类型的文本，使用 small 标签 </big><br>

不使用样式与 big 相比无太大变化。 ----对于不需要强调的 inline 或 block 类型的文本，

使用 small 标签 <br>

加粗 <strong>对于不需要强调的 inline 或 block 类型的文本，使用 small 标签 </strong><br>

斜体 <em>对于不需要强调的 inline 或 block 类型的文本，使用 small 标签 </em>

</p>

<B> <I>这些标签是可以随意使用的，但是只为突出用 strong 和 em 更好

文本对齐方式：在段落上写入正确的类名：这些在样式表中都是已经定义好了的

1. <p class="text-left">Left aligned text.</p>

2. <p class="text-center">Center aligned text.</p>

3. <p class="text-right">Right aligned text.</p>

通过颜色来表示强调： text-warning、text-error、text-info、text-success

<p class="muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>

<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>

<p class="text-error">Donec ullamcorper nulla non metus auctor fringilla.</p>

<p class="text-info">Aenean eu leo quam. Pellentesque ornare sem lacinia qu</p>

<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttito.</p>

</div>

缩略语标签： abbr----是 abbreviation 的缩写在文本中进行显示时会有虚线的下划线，鼠标

悬停其上会显示一个？符号并且显示全称，但是必须保证 abbr 含有 title 属性，同事，为标

签添加类名 initialism 可让其显示更小一些的字体

地址： address

让联系信息以最接近日常使用的格式呈现。在每行结尾添加

<br>

可以保留需要的样式。

1. <address>

2. <strong>Twitter, Inc.</strong><br>

3. 795 Folsom Ave, Suite 600<br>

4. San Francisco, CA 94107<br>

5. <abbr title="Phone">P:</abbr> (123) 456-7890

6. <strong>Full Name</strong><br>

7. <a href="mailto:#">first.last@example.com</a>

8. </address>

引用：将 html 包裹在 blockquote 中即可表现为引用，添加 small 标签可显示引用来源，来

源名称可放置在 cite 中。可在 blockquote 中添加类名 pull-right 、left ，使得像左右移动

剩余18页未读，继续阅读

评论收藏

内容反馈

版权申诉

下载好的bootstrap版本含有css、js、img.pdf

评论0

最新资源

下载好的bootstrap版本含有css、js、img.pdf

评论0

最新资源

相关推荐

扒网站界面神器(一键下载：html,css,js,img等文件).zip

扒网站界面神器(一键下载：html,css,js,img等文件)

website-source-download:[严格出于教育目的]您可以下载任何网站的源代码，包括html，css，js，img等-html source download

gulp静态资源发布实例.pdf

angular-pdf-thumbnail:使用 PDF.js 生成 PDF 缩略图的 Angular 指令

dat文件转img小工具，apk+android源码

Zoomla!逐浪CMS 3.9.6.rar

文件下载及web文件的contentType类型大全

dat文件转换器.apk

三星9305收索

断代、新生、创未来-Zoomla!逐浪CMS2 x3.9.6全面发布

Zoomla!逐浪CMS2 x3.9.6.zip

万能阅读器软件力求解决常用文件的打开问题，万能是我们的软件努力的方向。

万能文件查看器--天羿软件

2021-2023 大型企业新兴技术路线图.pdf

基于MATLAB的水果识别的数字图像处理.pdf

SPEI与SPI及ET0指数计算的R语言实现.pdf

软件工程项目管理计划书(完整版).pdf

最新大一《计算机导论》期末考试试题-模拟试题及答案.pdf

chatgpt-技术原理

精美大气的Axure模板

实用Axure模板

高中数学知识点总结超全.pdf

DnsJumper服务器设置更改dns

java核心知识点整理

医院信息科计算机考试试题大全.pdf

计算机网络课程设计--宿舍网络设计.pdf