-
bootstrap中方默认段落（<p>）字体为14px，行高20px左右（1.428571429），段落间距20px左右查看全部
-
bootstrap： <small>副标题，放在<hx>中查看全部
-
HTML5+CSS3(2) white-space属性 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre-wrap 保留空白符序列，但是正常地进行换行。 pre-line 合并空白符序列，但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。 background-clip属性规定背景的绘制区域 border-box 背景被裁剪到边框盒。 padding-box 背景被裁剪到内边距框。 content-box 背景被裁剪到内容框。查看全部
-
Bootstrap4 按钮 1、基本按钮样式.btn 2、默认按钮样式.btn .btn-default 3、任何标签都可制作成按钮 4、定制按钮 主要按钮 .btn .btn-primary 成功按钮 .btn .btn-success 信息按钮 .btn .btn-info 告警按钮 .btn .btn-warning 危险按钮 .btn .btn-danger 链接按钮 .btn .btn-link 块状按钮 .btn-block使其有固定大小 禁用样式 .disabled 图像 1、img-responsive:响应式图片，主要针对于响应式设计 2、img-rounded:圆角图片 3、img-circle:圆形图片 4、img-thumbnail:缩进图片 网格系统 .container{ padding-right: 15px;padding-left: 15px;} .col{ padding-right: 15px;padding-left: 15px;} .row{margin-right: -15px;margin-left: -15px;}抵消最后一行最后一列间隙 列偏移(向右偏移）) .col-md-offset-4 列左右浮动 col-md-push-4向右浮动 col-md-pull-4向左浮动 下拉菜单 .dropdowm-menu控制无序列表是隐藏的display:none .divider下拉菜单中添加分割线 .dropdown-head菜单加标题 .pull-right下拉菜单与父容器右对齐 .dropdown-menu-right下拉菜单与父容器右对齐 .dropdown-menu-right下拉菜单与父容器左对齐 .active当前状态一直存在蓝色焦点 .disabled禁用状态 按钮 .btn-group设置一组按钮 .btn-toolbar设置按钮工具栏 .btn-group-vertical垂直分组（可应用于导航） .btn-group-justified等分按钮（用于移动端） .caret向下三角形按钮 .dropup向上三角形按钮 导航 .nav基础导航必须附加另外一个样式才有效（.nav-tabs,.nav-pills） .nav-tabs选项卡导航 .nav-pills胶囊导航查看全部
-
.text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .text-info：通知信息，使用浅蓝色（#31708f） .text-warning：警告，使用黄色（#8a6d3b） .text-danger：危险，使用褐色（#a94442）查看全部
-
<div class="btn-group"><br> <button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">关于我们<span class="caret"></span></button><br> <ul class="dropdown-menu"><br> <li><a href="##">公司简介</a></li><br> <li><a href="##">企业文化</a></li><br> <li><a href="##">组织结构</a></li><br> <li><a href="##">客服服务</a></li><br> </ul><br> </div>查看全部
-
<p>我是一个普通的段落，我不需要强调显示</p> <p class="lead">这部分内容需要特别的强调，我和别人长得不一样</p> <b>这部分内容需要特别的强调，我和别人长得不一样</b> <strong>这部分内容需要特别的强调，我和别人长得不一样</strong> <br /> <small>这部分内容需要特别的强调，我和别人长得不一样</small> <br /> <cite>这部分内容需要特别的强调，我和别人长得不一样</cite>查看全部
-
<h2>孤儿院无私奉献30年 <small> 一曲人性的赞歌</small></h2> </body>查看全部
-
因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件，所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。查看全部
-
目前两端对齐在各浏览器下解析各有不同，特别是应用于中文文本的时候。所以项目中慎用。查看全部
-
在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 使用方法： 使用方法非常简单，只需要在<img>标签上添加对应的类名 设置图片大小： 由于样式没有对图片做大小上的样式限制，所以在实际使用的时候，需要通过其他的方式来处理图片大小。比如说控制图片容器大小。（注意不可以通过css样式直接修改img图片的大小，这样操作就不响应了） 注意： 对于圆角图片和圆形图片效果，因为是使用了CSS3的圆角样式来实现的，所以注意对于IE8以及其以下版本不支持，是没有圆角效果的。查看全部
-
在Bootstrap框架中，要禁用按钮有两种实现方式： 方法1：在标签中添加disabled属性 方法2：在元素标签中添加类名“disabled” 两者的主要区别是： “.disabled”样式不会禁止按钮的默认行为，比如说提交和重置行为等。如果想要让这样的禁用按钮也能禁止按钮的默认行为，则需要通过JavaScript这样的语言来处理。对于<a>标签也存在类似问题，如果通过类名“.disable”来禁用按钮，其链接行为是无法禁止。而在元素标签中添加“disabled”属性的方法是可以禁止元素的默认行为的。查看全部
-
.btn-block：按钮使用这个类名就可以让按钮充满整个容器，并且这个按钮不会有任何的padding和margin值。在实际当中，常把这种按钮称为块状按钮。查看全部
-
<button> Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 权重顺序 “important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符查看全部
-
<button class="btn" type="button">基础按钮.btn</button> <button class="btn btn-default" type="button">默认按钮.btn-default</button> <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> <button class="btn btn-success" type="button">成功按钮.btn-success</button> <button class="btn btn-info" type="button">信息按钮.btn-info</button> <button class="btn btn-warning" type="button">警告按钮.btn-warning</button> <button class="btn btn-danger" type="button">危险按钮.btn-danger</button> <button class="btn btn-link" type="button">链接按钮.btn-link</button>查看全部
举报
0/150
提交
取消