标签: initializr

覆盖元素的CSS位置的正确方法是什么:relative;' 使用Bootstrap 2.2.1？

我正在使用Twitter Bootstrap 2.2.1 Initializr样板工作项目.为了正确覆盖Bootstrap的默认CSS属性,您需要在"main.css"中为受影响的类创建一个条目,并添加所需的属性.

在这种特殊情况下,Bootstrap有一个名为'.collapse'的类,它应用于默认的导航栏.

.collapse{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition:height .35s ease;
    -moz-transition:height .35s ease;
    -o-transition:height .35s ease;
    transition:height .35s ease
}

Run Code Online (Sandbox Code Playgroud)

对我造成问题的部分是'position:relative;'.我需要那里没有立场声明.现在我知道我可以打开Bootstrap CSS文件并对其进行编辑,但如果文件得到更新,则更改将丢失.

覆盖此CSS条目的正确方法是什么？

css html5boilerplate twitter-bootstrap initializr

Ale*_*fin

2012 11-26

6
推荐指数

1
解决办法

2万
查看次数

你需要一个开放的<html>标签吗？

我使用Initializer快速生成HTML5 + Boostrap样板,并且好奇为什么创建的HTML文档没有开始<html>标记？

这是Initializr为我生成的顶部部分:

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>

Run Code Online (Sandbox Code Playgroud)

我使用Initializr部署了一些网站,并没有遇到问题.你需要开口<html>标签吗？

html html5 twitter-bootstrap initializr

che*_*pus

lucky-day

3
推荐指数

1
解决办法

1119
查看次数

对于具有很长垂直页面布局的应用程序,如何将TwitterBootstrap的导航栏固定在屏幕顶部？

我从http://www.initializr.com/下载了bootstrap模板我的问题是,当我向下滚动到我的网页页脚时,如何将导航栏固定在屏幕顶部？为了更好地了解我想要实现的目标,我制作了截图.

示例:在移动设备透视图中,NAVBAR已修复

NAVBAR固定在屏幕上方

示例:当我向下滚动到页面的页脚时,我希望NAVBAR保持固定在屏幕顶部.如您所见,NAVBAR无法保持固定在屏幕顶部.

在此输入图像描述

码:

<div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
                    <a class="brand" href="#"><img src="img/pldttranssmall.png"></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active">
                                <a href="#">Home</a>
                            </li>
                            <li>
                                <a href="#about">About</a>
                            </li>
                            <li>
                                <a href="#product">Product and Services</a>
                            </li>
                            <li>
                                <a href="#investor">Investor Relations</a>
                            </li>
                            <li>
                                <a href="#support">Get Support</a>
                            </li>
                        </ul>
                        <form class="navbar-form pull-right">
                            <input class="span2" type="text" placeholder="Search">
                            <button type="submit" class="btn btn-default">
                                <i class="icon-search icon-black"></i>Go
                            </button>
                        </form>
                    </div><!--/.nav-collapse …

Run Code Online (Sandbox Code Playgroud)

html5 css3 twitter-bootstrap initializr

roy*_*osa

2012 10-26

2
推荐指数

1
解决办法

6608
查看次数