-
两端对齐:text-align:justify css样式 Bootstrap通过定义四个类名来控制文本的对齐风格: .text-left:左对齐 .text-center:居中对齐 .text-right:右对齐 .text-justify:两端对齐查看全部
-
.text-muted:提示,使用浅灰色(#999) .text-primary:主要,使用蓝色(#428bca) .text-success:成功,使用浅绿色(#3c763d) .text-info:通知信息,使用浅蓝色(#31708f) .text-warning:警告,使用黄色(#8a6d3b) .text-danger:危险,使用褐色(#a94442)查看全部
-
<small>标签来制作副标题 1、行高都是1,而且font-weight设置了normal变成了常规效果(不加粗),同时颜色被设置为灰色(#999)。 2、由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%查看全部
-
bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码: <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>查看全部
-
Bootstrap3版本放弃了对IE7和火狐3.0的支持 Bootstrap3所有的js插件依赖于jQuery,因此jQuery要在Bootstrap之前引入 <!--在IE运行最新的渲染模式--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--初始化浏览器的显示--> <meta name="viewport" content="width=device-width, initial-scale=1"> width=device-width//让宽度等于设备的宽度 initial-scale=1//设置页面载入的时候缩放的比例 为什么要把js文件放在body的最下面,特地百度了一下: 把js放在body里,主要是为了加速页面加载。 如果把js 放到head头部加载,会延迟页面加载时间。因为js加载是同步加载。有抑制加载的作用。 这里面主要涉及的是加载顺序、js是单线程。 由于浏览器解析是自上而下加载解析,如果一个很大的js文件放在head里面,由于js是单线程,那么浏览器会一直解析, 而无法加载解析后面的dom tree,以至于页面出现空白,如果放在body最下面,这样dom tree会先加载解析,呈现出页 面再加载解析js里面的内容,这样用户体验会更好。 如果js放在head里面,引用了某个dom,但是这时你还没加载dom tree,会报错,可以采用 window.onload = function(){} 这样来解决,或者给js设置defer 或者 async来让js异步加载,这样就不会报错了。查看全部
-
进入Bootstrap官网:http://getbootstrap.com HTML标准模板 (1)bootstrap下载的文件结构 (2) Bootstrap 崇尚移动先行 <meta name="viewport" content="width=device-width,initial-scale=1.0"> UI布局的宽度和移动设备的宽度一致,缩放大小为原始大小(不缩放)。 (4)Bootstrap不支持IE的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 在IE运行最新的渲染模式 (5)Bootstrap CSS样式 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> (6)Bootstrap — IE8以下的浏览器支持HTML5标签 / 支持媒体查询。 (7) Bootstrap 加载js插件 css文件放在head中,js放在body的最下面。 bootstrap中的js插件依赖于jQuery,jQuery要在Bootstrap之前引用。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script>查看全部
-
列数加上偏移不能超过十二查看全部
-
在container内,可以有无数row一个row内最多12col,可以有多种组合查看全部
-
由于样式没有对图片做大小上的样式限制,所以在实际使用的时候,需要通过其他的方式来处理图片大小。比如说控制图片容器大小。(注意不可以通过css样式直接修改img图片的大小,这样操作就不响应了)查看全部
-
整个禁用的域中,如果legend中有输入框的话,这个输入框是无法被禁用的查看全部
-
1、不管是checkbox还是radio都使用label包起来了 2、checkbox连同label标签放置在一个名为“.checkbox”的容器内 3、radio连同label标签放置在一个名为“.radio”的容器内 在Bootstrap框架中,主要借助“.checkbox”和“.radio”样式,查看全部
-
外在Bootstrap中,为了让段落p元素之间具有一定的间距,便于用户阅读文本,特意设置了p元素的margin值(默认情况之下,p元素具有一个上下外边距,并且保持一个行高的高度)查看全部
-
由于<small>内的文本字体在h1~h3内,其大小都设置为当前字号的65%;而在h4~h6内的字号都设置为当前字号的75%;查看全部
-
基础导航条的制作步骤:第一步是在制作导航的列表<ul class="nav">基础上加上类名navbar-nav 第二部是在列表外部添加一个容器div,并且使用类名navbar和navbar-default查看全部
-
navbar的样式的主要功能就是设置左右padding和圆角效果,但它和颜色相关的样式没有任何设置。查看全部
举报
0/150
提交
取消