码迷,mamicode.com
首页 > 其他好文 > 详细

bootstarp

时间:2020-03-11 01:11:33      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:bootstarp   div   lead   重叠   tps   创建表   section   换行   bbb   

1

一行默认列的总和单位12

行 row

列 col-md-3

当列数大于12会另外起一行

2

有四种屏幕的自适应

3 重置行高度

设置行高同时又想保证换行(高度不一致)

中间加上

<div class=‘clearfix‘>

4.列的移动,但是不重叠。影响换行

<div class="clo-md-3 clo-md-offset-1"></div>

5.列的移动,但是重叠,不影响换行

<div class="clo-md-3 clo-md-push-1"></div>//推 向右
<div class="clo-md-3 clo-md-pull-1"></div> //拉 向左

6.副标题 small标签

<h1>bbbb<small>bbbb</small></h1>

 

7.段落加lead 样式突出

 <p>https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js</p>
    <p class="lead">https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js</p>
    <p>https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js</p>

8文字操作

  • 加高亮 
    <mark>cdn</mark>
  • 某一段划掉样式
    <del>3.4.1</del>
    <s>min</s>
  • 下划线
    <ins>https://cdn.bootcss.com</ins>

9.文字居中 class text-center

左边 右边  text-left text-right

10文字斜体em标签

文字小号 small标签

文字变粗strong标签

10 列表

有序列表li标签

无序列表ul标签

11.无样式列表

class=‘list-unstyled’

12 带描述的短语列表

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

13.水平短语列表

<dl class="dl-horizontal">
  <dt>...</dt>
  <dd>...</dd>
</dl>

14.代码样式

<kbd>cd</kbd>
<code>&lt;section&gt;</code> 

15创建表格

 

 

bootstarp

标签:bootstarp   div   lead   重叠   tps   创建表   section   换行   bbb   

原文地址:https://www.cnblogs.com/-constructor/p/12459726.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!