开发知识点-前端-Bootstrap

Bootstrap知识整理

• 前端Bootstrap——序言 介绍 入门案例
• 前端Bootstrap——初识（1）用户界面与交互架构
• 用户界面与交互架构

• # Twitter推出的一个用于前端开发的开源工具包

• 全局CSS样式-排版
• CSS 栅格
• CSS代码
• CSS表格
• CSS表单、按钮、图片

登录后复制

pagination-split 是一个 Bootstrap 的组件，用来实现分页的效果12。它应该放在一个 <ul> 标签中，并且用一个 <nav> 标签包裹起来，以便让屏幕阅读器和其他辅助技术识别它是一个导航部分12。

下面是一个示例1：

<nav aria-label="Page navigation example">
  <ul class="pagination">
    <li class="page-item"><a class="page-link" href="#">Previous</a></li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item"><a class="page-link" href="#">Next</a></li>
  </ul>
</nav>

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.
• 12.
• 13.

前端Bootstrap——序言 介绍 入门案例

前端Bootstrap——初识（1）用户界面与交互架构

用户界面与交互架构

# Twitter推出的一个用于前端开发的开源工具包

• 架构 ：把经常性的东西 写好 —>后期调用
  eg: bootstrap网格布局 ---->元素 使用类
• 结构 -->元素 -->类

全局CSS样式-排版

CSS 栅格

CSS代码

CSS表格

CSS表单、按钮、图片

原创作者: u_12364708 转载于: https://blog.51cto.com/u_12364708/11337961