关于 BootStrap 框架如何修改 CSS 的问题

各位大侠好,请问 BootStrap 框架怎么修改 CSS 样式?像下拉菜单点击后默认是背景色变成灰色,但网页的导航栏背景也是灰色,而且在导航栏的 class 里加了自己的 css 后,它响应时。。。不会把导航折叠了0.0。想请问各位,这个框架应该怎样修改它的 CSS 样式?

1个回答

给此样式单独定义一个类,不改变原来的。但是要保证新的权重大于旧的

PartyJat
CJ_Finger 非常感谢你的回答!我发现还是自定义组件样式,然后用它的响应式的功能好了。。。
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
bootstrap css显示不出来

当我直接用网上的例如: ``` <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> ``` 字体图标使用没有问题,当我把这个css文件下载到本地再加载。字体图标加载不出来。如下: <br> ![图片说明](https://img-ask.csdn.net/upload/201911/06/1573033913_369446.png) <br> 想问一下是什么原因?

用eclipse开发web时导入本地bootstrap.css出现问题

``` <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> ``` 上面这句是使用在线方式加载css框架,一切正常。 然后被告知不能用这种方式,要使用本地资源 于是我把bootstrap.min.css文件放到项目根目录下后,尝试了以下N种方法,结果都不能正确加载css文件导致显示出的网页不正常(没有样式): ``` <link rel="stylesheet" href="bootstrap.min.css"> <link rel="stylesheet" href="./bootstrap.min.css"> <link rel="stylesheet" href="<%=request.getContextPath()%>/bootstrap.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap.min.css"> ``` 甚至当我使用绝对路径时,也不能加载本地的css文件!: ``` <link rel="stylesheet" href="D:/bootstrap-3.3.5-dist/css/bootstrap.min.css"> ``` 崩溃了!这个问题到底出在哪里?为什么只有用在线加载方式时可以正常显示网页,而使用其他各种办法,甚至是指定绝对路径时,也无法正常加载? 求大神指点一下菜鸟

Bootstrap与其他CSS冲突

<div class="post-text" itemprop="text"> <p>In my website i am designing i have a require header file that allows the user to login and logout aswell as being the navbar. This as its own CSS shown in style.css , which is conflicting with the form i have as content on the page styled with bootstrap.</p> <p><a href="https://i.stack.imgur.com/bCr9H.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bCr9H.png" alt="How header should look"></a></p> <p><a href="https://i.stack.imgur.com/9PKFK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9PKFK.png" alt="How header looks with bootstrap conflict"></a></p> <p>I have tried to isolate the bootstrap by using the <code>&lt;div class="bootstrap-iso"&gt;</code> tag and also using <code>!important</code> on the header css. None which i have got to the work.</p> <p>style.css </p> <pre><code>* { margin: 0; padding: 0; text-decoration: none; } button { cursor: pointer; } body { background-color: #F3F3F3; } .wrapper-main { width: 900px; margin: 0 auto; } header { width: calc(100% - 30px); height: 60px; padding: 0 15px; background-color: #FFF; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .nav-header-main { height: 80%; display: flex; flex-direction: row; } .header-logo { width: 48px; padding-right: 20px; } .nav-header-main img { height: 100%; } .nav-header-main ul { height: 100%; } .nav-header-main ul li { list-style: none; float: left; height: 100%; } .nav-header-main ul li a { display: block; height: 100%; padding: 0 10px; border-radius: 6px; line-height: 48px; font-family: arial; font-size: 16px; color: #111; } .header-login { height: 60%; display: flex; flex-direction: row; } .header-login form { height: 100%; } .header-login form input { height: 100%; width: 160px; padding: 0 15px; border: none; border-radius: 4px; background-color: #F6F6F6; float: left !important; margin-left: 8px; font-family: arial; } .header-login form button { height: 100%; padding: 0 10px; border: none; border-radius: 4px; background-color: #333; margin-left: 8px; font-family: arial; font-size: 13px; color: #FFF; text-transform: uppercase; text-align: center; } .header-signup { height: 100%; width: 70px; padding: 0 6px; border: none; border-radius: 4px; margin-left: 8px; font-family: arial; font-size: 13px; line-height: 36px; color: #111; text-transform: uppercase; text-align: center; } main { padding-top: 20px; } .section-default { width: 100%; padding: 20px; border-radius: 6px; background-color: #FFF; } .login-status { text-align: center; font-size: 26px; font-family: arial; color: #111; } h1 { text-align: center; font-size: 26px; font-family: arial; color: #111; } /* signup.php */ .form-signup { margin: 0 auto; padding-top: 20px; width: 200px; } .form-signup input { width: calc(100% - 30px); height: 30px; padding: 0 15px; margin-bottom: 6px; border: 1px solid #CCC; border-radius: 4px; background-color: #F6F6F6; float: left !important;; font-family: arial; } .form-signup button { display: block; height: 40px; padding: 0 10px; margin: 0 auto; border: none; border-radius: 4px; background-color: #333; font-family: arial; font-size: 13px; color: #FFF; text-transform: uppercase; text-align: center; } .signuperror { padding-top: 14px; font-family: arial; font-size: 16px; color: red; text-align: center; } .signupsuccess { padding-top: 14px; font-family: arial; font-size: 16px; color: green; text-align: center; } </code></pre> <p>bookappointment.php </p> <pre><code>&lt;?php include_once 'includes/dbh.inc.php'; require "s_header.php"; ?&gt; &lt;html&gt; &lt;body&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"&gt; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" type="text/css" href="bookappointment.css"&gt; &lt;div class="subnav" style="margin-top:30px"&gt; &lt;div class="row"&gt; &lt;div class="col-sm-4"&gt; &lt;ul class="nav nav-pills flex-column"&gt; &lt;li class="nav-item"&gt; &lt;a class="nav-link active" href="bookappointment.php"&gt;Book&lt;/a&gt; &lt;/li&gt; &lt;li class="nav-item"&gt; &lt;a class="nav-link" href="viewappointment.php"&gt;View&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="BookingForm" style="margin-top:30px"&gt; &lt;link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"&gt; &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt; &lt;form action="includes/book.php" method="post" class="w3-container w3-card-4 w3-light-grey w3-text-blue w3-margin"&gt; &lt;h2 class="w3-center"&gt;Book Appointment&lt;/h2&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-user"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input class="w3-input w3-border" name="fname" type="text" placeholder="First Name"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-user"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input class="w3-input w3-border" name="lname" type="text" placeholder="Last Name"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-envelope-o"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input class="w3-input w3-border" name="email" type="text" placeholder="Email"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-phone"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input class="w3-input w3-border" name="phone" type="text" placeholder="Phone"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-calendar"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input type="date" name="date" value="" required&gt;&lt;/input&gt; &lt;/div&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-clock-o"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input type="time" name="time" value="" required&gt;&lt;/input&gt; &lt;/div&gt; &lt;div class="w3-row w3-section"&gt; &lt;div class="w3-col" style="width:50px"&gt;&lt;i class="w3-xxlarge fa fa-pencil"&gt;&lt;/i&gt;&lt;/div&gt; &lt;div class="w3-rest"&gt; &lt;input class="w3-input w3-border" name="message" type="text" placeholder="Message"&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class="w3-center"&gt; &lt;button type ="submit "class="w3-button w3-section w3-blue w3-ripple"&gt; Book &lt;/button&gt; &lt;/p&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> </div>

怎么调用bootstrap中的css,js

bootstrap中的css js中有那么多,怎么知道用的时候该调用具体哪个。 还有bootstrap是不是就相当于别人写好的css 然后自己就不用写了 就只省了写css的事。第一次接触bootstrap 请大家帮帮忙

怎么用bootstrap框架?

怎么把引用bootstrap,将自己做的页面做成响应式。是要用bootstrap里的样式.css文件吗,那自己做的页面的类名是不是得改成bootstrap样式文件里的类名?求大神指教,第一次用bootstrap,不会用。

为什么在laravel中使用bootstrap css作为包?

<div class="post-text" itemprop="text"> <p>I am using laravel framework and have been using jquery, jquery-ui, bootstrap by saving it under public/assets/ </p> <p>example:-</p> <pre><code>public/assets/js/bootstrap.js public/assets/js/jquery.js public/assets/css/bootstrap.css public/assets/css/style.css </code></pre> <p>Why should I prefer using it from composer packages, is there any advantage of doing in this way?</p> </div>

bootstrap自定义样式与原样式优先级问题

<div class="form-group form-inline col-md-10 col-md-offset-1"> <label class="control-label">联系方式</label> <input class="input_of_sign form-control" style="margin-left: 2em; width: 70%;"> </div> ``` 比如上面的一个应用了bootstrap框架的片段,我想调整input大小让它可以用栅格系统控制,就得加一个width:100%的样式,把样式写在html里(style里面)是可以调整,写在外部css里面在调用,就会出现问题,不论在原bootstrap类之前调用还是之后,都有问题; 望解答 是这样的,我想用bootstrap把label和Input放在同一行,就用了form-inline,但用过之后发现input大小被限制了,所以想通过设置width大小然后在用栅格系统来控制大小~发现如上问题

tornado框架,前端css资源,浏览器无法缓存的问题

公司的云平台上线,网页点击特别卡,打开谷歌的F12,查看network, 发现好几个三四百K大的css文件,加载耗时一两秒,共耗时6s左右。 然后决定将静态资源缓存在浏览器,二次加载时就不用去服务器请求资源。 网上查了好多资料,描述基本一致,说是tornado框架在页面上使用模板语言, 一个 static_url 函数,即引用css资源时写为:<link rel="stylesheet" href="{{static_url('aaa.css')}}">, 这样可以实现css缓存。 可事实却并非如此,实验发现,部分大小较小,比如几B的css文件可以次次都去读缓存, 但是那几个较大的css文件不是每次都去读缓存,大多数时间还是去请求服务器资源的。 ![图中显示的资源多次刷新没有读取缓存](https://img-ask.csdn.net/upload/201711/13/1510542676_68751.png) ,而且奇葩的是,像js,img这样的资源不论有多大都会缓存。这个问题一直没有解决就暂时搁置了。 然后去申请云平台的数字证书,买完后,将证书安装,打开首页,地址栏由原来的不安全显示为安全。 然后又随手刷新了几次页面,突然发现,页面加载速度变快了,打开F12发现,所有的css文件都去读缓存了 ![图中可见from cache字样,是读取缓存的](https://img-ask.csdn.net/upload/201711/13/1510542694_543678.png) ,难道缓存与否跟认证的整数有关系么?接着把安装好的证书拿掉,换回原来的非认证的证书,果然浏览器又不缓存了。 所以在这里请各位解答我的疑惑, tornado + bootstrap, 前端浏览器如何实现css静态资源的缓存? 浏览器的缓存是否与CA认证的证书有关?

Symfony 3.3 - 链接到bootstrap.min.css

<div class="post-text" itemprop="text"> <p>After investing quite some time on this problem I still cannot get this to work. In my base.html.twig file I link to the bootstrap.min.css file, located at css/bootstrap.min.css inside the web directory, as follows:</p> <pre><code>{% block stylesheets %} &lt;link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" /&gt; {% endblock %} </code></pre> <p>I then extend the base.html.twig file in my template files, when I navigate to any of these files I get the following error message:</p> <pre><code>&gt; Request URL:http://example/css/bootstrap.min.css Request Method:GET Status Code:404 Not Found </code></pre> <p>I'm at a loss as to what I'm doing wrong here! Any help would be appreciated.</p> <p>base.html.twig file:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;meta name="description" content=""&gt; &lt;meta name="author" content=""&gt; &lt;link rel="icon" href="../../favicon.ico"&gt; &lt;title&gt;{% block title %}Welcome!{% endblock %}&lt;/title&gt; &lt;!-- Bootstrap core CSS --&gt; {% block stylesheets %} &lt;link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" /&gt; &lt;link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /&gt; {% endblock %} &lt;/head&gt; &lt;body&gt; &lt;nav class="navbar navbar-inverse"&gt; &lt;div class="container"&gt; &lt;div class="navbar-header"&gt; &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"&gt; &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;span class="icon-bar"&gt;&lt;/span&gt; &lt;/button&gt; &lt;a class="navbar-brand" href="#"&gt;Todo List&lt;/a&gt; &lt;/div&gt; &lt;div id="navbar" class="collapse navbar-collapse"&gt; &lt;ul class="nav navbar-nav"&gt; &lt;li class="active"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/todo/create"&gt;Add todo&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--/.nav-collapse --&gt; &lt;/div&gt; &lt;/nav&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="col-md-12"&gt; {% block body %}{% endblock %} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- /.container --&gt; {% block javascripts %} {% endblock %} &lt;/body&gt; &lt;/html&gt; </code></pre> <p>The index.html.twig file:</p> <pre><code>{% extends 'base.html.twig' %} {% block body %} /INDEX {% endblock %} </code></pre> <p>My server config: </p> <pre><code>&lt;VirtualHost *:80&gt; DocumentRoot "/xampp/htdocs/symfony/todolist/web/app_dev.php" ServerName todolist &lt;/VirtualHost&gt; </code></pre> </div>

Bootstrap树形控件,请问在哪里下载 zTree.theme.metro.css这个插件

现在基本框架已经出来,但是样式还没显示,怀疑是插件不匹配,但是在网上找不到 zTree.theme.metro.css这个插件 请问大家知道可以 在哪里下载该插件吗?

JSP页面,bootstrap没有用

JSP页面,bootstrap没有用,请问是路径错了吗? ![图片说明](https://img-ask.csdn.net/upload/202004/15/1586957839_215118.png) ![图片说明](https://img-ask.csdn.net/upload/202004/15/1586958357_587926.png) 浏览器显示加载失败 ![图片说明](https://img-ask.csdn.net/upload/202004/15/1586958575_949478.png)

使用bootstrap框架建立modal对话框,对话框并不能够正常显示

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width;intital-scale=1" > <meta http-equiv="x-ua-compatible" content="IE=edge"> <title></title> <link href="bootstrap.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"> <p>One fine body…</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> <script src="jquery-2.1.1.js"></script> <script src="bootstrap.js"></script> </body> </html>

bootstrap怎么改变导航条的宽度?

比如我这个代码 我想让它变宽点 应该怎么改呢 如果直接在css样式表里面设置宽度 改了以后缩小屏幕就不能占据整行了 <!DOCTYPE html> <html> <head> <title></title> <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <style type="text/css"> //li{width: 100px;text-align: center;} </style> </head> <body> <ul class="nav navbar-nav" style="background: green;"> <li class="active"><a href="">首页</a></li> <li><a href="">博文</a></li> <li><a href="">留言</a></li> </ul> </body> </html>

bootstrap4.0使用tab无法加载样式???

我bootstrap.js和bootstap.css都引用了,样式无法加载,js有效果。有没有用4.0遇到此问题的??? 备注:我在thymleaf模板框架开发的界面,公共css和js放在一个模板中,其他界面都会引用进界面。可能是楼下说的引入顺序不对导致的。

bootstrap 模态框中怎么添加自己的样式

刚开始接触BOOTSTRAP,想做个模态框,但是添加自己的样式会乱 ```div class="modal fade" id="mymodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body" style="width: 700px;"> <span class="span_one">打个招呼吧!自己定义招呼回复率更高哟!</span> <div class="img_message"> <div class="img"> <img src="<%=basePath%>images/dazhaohu/115492929.jpg"/> <a href="javascript:;"><span class="img_span_01">小男人</span></a> <span class="img_span_02">22岁,重庆南岸,中专/职高/技校</span> </div> <div class="message"> <a href="javascript:;">换一组推荐</a> <span class="span_two"><input type="radio" checked="checked" /> 你给我的感觉还不错,觉得我如何?</span> <span class="span_two"><input type="radio" /> 你好,先生O(∩_∩)O!我很期待与你的进一步了解。</span> <span class="span_two"><input type="radio" /> 打个招呼,若有缘我想你会看到我的问候!</span> <span class="span_two"><input type="radio" /> 在线吗?聊聊呗?</span> <span class="span_two"><input type="radio" /> 不晓得你什么时候能看到我的来信,静等回复!</span> </div> </div> <input class="submit" type="submit" value="免费打招呼" /> </div> <div class="modal-footer"> 这是脚 </div> ``` ![图片说明](https://img-ask.csdn.net/upload/201510/31/1446284524_815071.png)

jquery以及bootstrap合并使用ajax有什么兼容性问题

框架里使用了jquery\bootstrap\baidutemplate,使用ajax的时候发现很多问题,好像IE8以下的都无法发送ajax请求 页面代码如下,为啥IE8以下ajax发送都发不出去,求大神指教,用了smarty框架,变量没有修改 ``` <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <!-- Bootstrap --> <link href="/static/css/bootstrap.min.css" rel="stylesheet"> <link href="/static/css/lib.css" rel="stylesheet"> <link href="/static/css/main.css?20150208" rel="stylesheet"> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="/static/js/jquery-1.11.1.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/baiduTemplate.js"></script> </head> <script> $(document).ready(function(){ $.ajax({ type:"GET", url:"{!$api_url!}"+"/areas", dataType:"json", data:{}, success:function(data){ if(data.result ==0){ var i; var html = "" ; for(i=0;i<data.data.length;i++){ html +="<span class='area' id='"+data.data[i].id+"'>"+data.data[i].area+"</span>"; } $('#area-list').html(html); bind_area_click(); }else{ setTimeout(init_area,300); } }, error:function(data){ setTimeout(init_area,300); }, }); }); </script> <body> {!block name=base!} {!/block!} </body> </html> ```

bootstrap layer.load兼容问题

求大神看个问题,我用layer.load在火狐下是会正常显示出来,但是在谷歌(最新版本), 和win10自带的IE浏览器下就不能显示,这是怎么回事啊,困扰我好久了,难道我用的方法不对吗?[图片说明](https://img-ask.csdn.net/upload/201708/26/1503737877_610670.png)![图片说明](https://img-ask.csdn.net/upload/201708/26/1503737892_802436.png)

yii框架不使用正确的CSS

<div class="post-text" itemprop="text"> <p>I'm working with yii framework I have installed the yii booster extensions and I work with vagrant. My friend also works on this project, however the problem is that the application doesn't use the correct CSS. Instead, it uses a CSS saved in cache. </p> <p>Here how it is: There is a folder at: <code>www\SVN\wwwroot\public\assets</code> it contains some folders with weird names, one of them contains all the bootstrap CSS and everything belonging to bootstrap. This is wrong because this art is regenerated every-time I regenerate vagrant. The problem is I am using the correct CSS unless I do a (delete cookie cash) sometimes I get the correct CSS sometimes I get the wrong CSS, but all the other people using this they get the wrong CSS, unless I change it for them manually on assests folder, which is totally wrong because every time I update my workstation using svn it should apply the new lay out to other prople as well but it doesn't work.</p> <p>Here is my main config:</p> <pre><code>&lt;?php /** * This is the main Web application configuration. * * Any writable CWebApplication properties can be configured here. * It is constructed the following way: * main.php = return the main settings * unless overwritten by the local main settings if available * unless overwritten by the test settings if available * unless overwritten by the local test settings if available * (mergeArray: latter will overwrite the former, see http://www.yiiframework.com/doc/api/1.1/CMap#mergeArray-detail) * * @author Yii, adapted by Robbert &lt;Paulussen@Momentum-Technologies.nl&gt; * @since release 1.0 (sprint 1) */ // Set up path variables to reflect the directory structure // $WEBHOME/ -- doePath // = wwwroot // $WEBHOME/public/ -- webrootPath // $WEBHOME/private/protected/ -- protectedPath // $WEBHOME/private/runtime/ -- runtimePath $pathToDoeDirectory = realpath(dirname(__FILE__) . '/../../..'); // = wwwroot $privatePath = $pathToDoeDirectory . '/private/'; $protectedPath = $pathToDoeDirectory . '/private/protected/'; $runtimePath = $pathToDoeDirectory . '/private/runtime/'; $publicPath = $pathToDoeDirectory . '/public/'; $webrootPath = $publicPath; $vendorPath = '/vagrant/vendor/'; /** * Namespace MTE */ Yii::setPathOfAlias('MTE', $protectedPath); // used by the themeUrl of widgetFactory settings, in case the DOE is in a subdirectory $baseUrl = (isset($_SERVER['DOCUMENT_ROOT'])) ? str_replace($_SERVER['DOCUMENT_ROOT'], '', realpath('.')) : ''; //define('EOL','&lt;br/&gt;'); //echo '$pathToCcsDirectory = ' . $pathToCcsDirectory . PHP_EOL; //echo '$privatePath = ' . $privatePath . PHP_EOL; //echo '$protectedPath = ' . $protectedPath . PHP_EOL; //echo '$runtimePath = ' . $runtimePath . PHP_EOL; //echo '$publicPath = ' . $publicPath . PHP_EOL; //echo '$webrootPath = ' . $webrootPath . PHP_EOL; /** the following defines path aliases using: Yii::setPathOfAlias('local','path/to/local-folder'); * usage e.g. ... Yii::getPathOfAlias('runtimePath') ... */ Yii::setPathOfAlias('doePath', $pathToDoeDirectory); Yii::setPathOfAlias('privatePath', $privatePath); Yii::setPathOfAlias('publicPath', $publicPath); Yii::setPathOfAlias('protectedPath', $protectedPath); Yii::setPathOfAlias('runtimePath', $runtimePath); Yii::setPathOfAlias('webrootPath', $webrootPath); Yii::setPathOfAlias('vendorPath', $vendorPath); Yii::setPathOfAlias('booster', $vendorPath . 'clevertech/yii-booster/src/'); // a twitter bootstrap library //Yii::setPathOfAlias('booster', $publicPath . 'css/yii-booster/src/'); // a twitter bootstrap library $config_database = require(dirname(__FILE__) . '/database.php'); $config_main = array( 'sourceLanguage' =&gt; 'en', // for i18N 'timeZone' =&gt; 'Europe/Amsterdam', 'basePath' =&gt; $protectedPath, // override the default of Yii 'runtimePath' =&gt; $runtimePath, 'name' =&gt; Yii::t('systemwide', 'DOEN - DOssier opvolg- EN actiesysteem'), //'theme'=&gt;'bootstrap', 'preload' =&gt; array( 'log', 'translate', // for i18N 'booster', //Yii-Booster, a twitter bootstrap library ), 'behaviors' =&gt; array( 'onBeginRequest' =&gt; array( 'class' =&gt; 'application.components.modulesloader',), ), // for i18N // autoloading model and component classes, Note that importing a directory does not import any of its subdirectories! 'import' =&gt; array( 'application.components.*', 'application.models.*', 'application.modules.rights.*', 'application.modules.rights.components.*', 'application.modules.translate.TranslateModule', 'booster.helpers.TbHtml', 'booster.helpers.TbArray', 'booster.behaviors.TbWidget', 'booster.widgets.*' ), 'modules' =&gt; array( 'rights' =&gt; array( 'install' =&gt; false, // Whether to install rights. 'userNameColumn' =&gt; 'login', // Name of the user name column in the database. 'userClass' =&gt; 'RightsModuleUser', // extended User model 'cssFile' =&gt; '/MTE/modules/rights/default.css', // custom css for rights module 'superuserName' =&gt; 'MTeAdmin', // doe_user.login of the user with super user privileges. Default 'Admin' /* more options */ // 'appLayout' =&gt; 'application.views.layouts.main', // Application layout. // 'authenticatedName' =&gt; 'Authenticated', // Name of the authenticated user role. // 'baseUrl' =&gt; '/rights', // Base URL for Rights. Change if module is nested. // 'debug' =&gt; false, // Whether to enable debug mode. // 'displayDescription' =&gt; true, // Whether to use item description instead of name. // 'enableBizRule' =&gt; true, // Whether to enable authorization item business rules. // 'enableBizRuleData' =&gt; false, // Whether to enable data for business rules. // 'flashErrorKey' =&gt; 'RightsError', // Key to use for setting error flash messages. // 'flashSuccessKey' =&gt; 'RightsSuccess', // Key to use for setting success flash messages. // 'layout' =&gt; 'rights.views.layouts.main', // Layout to use for displaying Rights. // 'userIdColumn' =&gt; 'id', // Name of the user id column in the database. ), 'translate', 'components' =&gt; array( //use component to store the cookies 'Cookies' =&gt; array( 'class' =&gt; 'application.components.CookiesHelper' ), // uncomment the following to enable URLs in path-format 'urlManager' =&gt; array( 'urlFormat' =&gt; 'path', 'showScriptName' =&gt; false, 'rules' =&gt; array( '&lt;controller:\w+&gt;/&lt;id:\d+&gt;' =&gt; '&lt;controller&gt;/view', '&lt;controller:\w+&gt;/&lt;action:\w+&gt;/&lt;id:\d+&gt;' =&gt; '&lt;controller&gt;/&lt;action&gt;', '&lt;controller:\w+&gt;/&lt;action:\w+&gt;' =&gt; '&lt;controller&gt;/&lt;action&gt;', ), ), 'errorHandler' =&gt; array( // use 'site/error' action to display errors 'errorAction' =&gt; 'site/error', ), 'log' =&gt; array( 'class' =&gt; 'CLogRouter', 'routes' =&gt; array( array( 'class' =&gt; 'CFileLogRoute', 'levels' =&gt; 'info, warning, error', ), ), ), ), ), // application components 'components' =&gt; array( // this class is used to simplify template actions 'TemplateHelper' =&gt; array( 'class' =&gt; 'application.components.TemplateHelper', ), /* i18N - begin */ 'messages' =&gt; array( 'class' =&gt; 'CDbMessageSource', 'onMissingTranslation' =&gt; array('TranslateModule', 'missingTranslation', ), ), 'translate' =&gt; array( 'class' =&gt; 'translate.components.MPTranslate', 'acceptedLanguages' =&gt; array( 'en' =&gt; 'English', 'nl' =&gt; 'Nederlands', ), ), /* i18N - end */ 'authManager' =&gt; array( 'class' =&gt; 'RDbAuthManager', 'connectionID' =&gt; 'db', 'defaultRoles' =&gt; array('authenticated', 'user'), ), 'user' =&gt; array( 'class' =&gt; 'WebUser', /* enable cookie-based authentication */ 'allowAutoLogin' =&gt; true, /* @see http://www.yiiframework.com/doc/guide/1.1/en/topics.auth */ 'loginUrl' =&gt; array('/site/login'), ), 'booster' =&gt; array( 'class' =&gt; 'booster.components.Bootstrap', 'coreCss' =&gt; true, 'responsiveCss' =&gt; true, 'yiiCss' =&gt; true, 'minify' =&gt; true, ), ), /** application-level parameters that can be accessed * using Yii::app()-&gt;params['paramName'] */ 'params' =&gt; array( // this is used in contact page 'adminEmail' =&gt; 'beheer@momentum-technologies.nl', 'cookie_duration' =&gt; 3600 * 24 * 30, 'composer.callbacks' =&gt; array( // args for Yii command runner 'yiisoft/yii-install' =&gt; array('yiic', 'webapp', dirname(__FILE__) . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..'), 'post-update' =&gt; array('yiic', 'migrate'), 'post-install' =&gt; array('yiic', 'migrate'), ), ), ); $mainDbIncluded = CMap::mergeArray($config_database, $config_main); // include and merge local main config if it exists if (file_exists(dirname(__FILE__) . '/main-local.php')) { return CMap::mergeArray($mainDbIncluded, include(dirname(__FILE__) . '/main-local.php')); } // otherwise just load the main config file return $mainDbIncluded; </code></pre> <p>As you can see I have defined my CSS path to be:</p> <pre><code>Yii::setPathOfAlias('booster', $vendorPath . 'clevertech/yii-booster/src/'); // a twitter bootstrap library </code></pre> <p>here is my header.php that goe wrong:</p> <pre><code>&lt;?php $lang = Yii::app()-&gt;getLanguage(); if (empty($lang)) { $lang = 'en'; } ?&gt; &lt;!DOCTYPE html&gt; &lt;html lang="&lt;?php echo $lang; ?&gt;"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/css/screen.css" media="screen, projection" /&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/css/main.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/css/widgets/jui.tabs.css" /&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo Yii::app()-&gt;baseUrl; ?&gt;/css/common.css" /&gt; &lt;?php Yii::app()-&gt;clientScript-&gt;registerCoreScript('jquery'); Yii::app()-&gt;clientScript-&gt;registerScriptFile(Yii::app()-&gt;baseUrl . '/js/common.js'); ?&gt; &lt;title&gt;&lt;?php echo CHtml::encode($this-&gt;pageTitle); ?&gt;&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/css/widgets/jui.tabs.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="header"&gt; &lt;?php $this-&gt;widget('booster.widgets.TbNavbar', array( 'brand' =&gt; '&lt;img src="' . Yii::app()-&gt;request-&gt;baseUrl . '/images/logo_mte.png" alt="" /&gt;' , 'brandUrl' =&gt; '#', 'collapse' =&gt; true, 'type' =&gt; null, 'items' =&gt; array( 'brand' =&gt; Yii::App()-&gt;name , array( 'class' =&gt; 'booster.widgets.TbMenu', 'items' =&gt; array( array('label' =&gt; 'Login', 'url' =&gt; array('/site/login'), 'visible' =&gt; Yii::app()-&gt;user-&gt;isGuest), array('label' =&gt; 'Logout (' . Yii::app()-&gt;user-&gt;name . ')', 'url' =&gt; array('/site/logout'), 'visible' =&gt; !Yii::app()-&gt;user-&gt;isGuest) ), ), ))); ?&gt; &lt;/div&gt; &lt;div id="ajaxLoading"&gt; &lt;!--&lt;img src="../public/images/ajax-loader.gif" alt="Loading..."/&gt;--&gt; &lt;/div&gt; </code></pre> <p>an when I look at my inspect element in chrome this is what I see:</p> <p> </p><p>as you can see it is generated in assets. but I dont want it to be like this how can I fix that?</p> <p>But it doesn't use this one and instead, it uses an incorrect version. Can someone help me out with this? Maybe I am getting this wrong and the problem is from something else. Thanks</p> </div>

除了bootstrap,还有哪些比较好用的前端框架???

想了解更多的关于网站前端的框架,希望有大神可以指教,多多推荐,最好是在网站上可以学习的那种。

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐