如何删除导航栏徽标和导航栏菜单之间的空格以及文本后面的导航栏徽标(How to remove the space between navbar logo and navbar menu and navbar logo behind the text)
我坚持这个。 我想删除导航栏品牌和导航栏菜单之间的空间。 此外,当我放置导航栏徽标图像时,导航栏固定将变得更大,它将覆盖我的页面标题。
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="logo"><img width="40%" src="images/windsor-logo_horizontal-colored.png" alt="WindSor"></span> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav navbar-right"> <!-- Hidden li included to remove active class from about link when scrolled up past about section --> <li> <a class="page-scroll" href="#page-top"> <span class="glyphicon glyphicon-home"> Home</span></a> </li> <li> <a class="page-scroll" href="#about">About</a> </li> <li> <a class="page-scroll" href="#services">Services</a> </li> <li> <a class="page-scroll" href="#contact">Contact</a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav>
圆圈空间是我想要删除的。
这是我的CSS:
body { width: 100%; height: 100%; } html { width: 100%; height: 100%; } @media(min-width:767px) { .navbar { padding: 20px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; margin: } .top-nav-collapse { padding: 0; } } .intro-section { height: 100%; padding-top: 150px; text-align: center; background: #fff; } .about-section { height: 100%; padding-top: 150px; text-align: center; background: #eee; } .services-section { height: 100%; padding-top: 150px; text-align: center; background: #fff; } .contact-section { height: 100%; padding-top: 150px; text-align: center; background: #eee; }
I'm stuck with this. I want to remove the space between navbar brand and navbar menu. Also when i put navbar logo image, the navbar-fixed will grow bigger and it will cover my page header.
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header page-scroll"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="logo"><img width="40%" src="images/windsor-logo_horizontal-colored.png" alt="WindSor"></span> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav navbar-right"> <!-- Hidden li included to remove active class from about link when scrolled up past about section --> <li> <a class="page-scroll" href="#page-top"> <span class="glyphicon glyphicon-home"> Home</span></a> </li> <li> <a class="page-scroll" href="#about">About</a> </li> <li> <a class="page-scroll" href="#services">Services</a> </li> <li> <a class="page-scroll" href="#contact">Contact</a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav>
the circle space is what i want to remove.
here is my CSS :
body { width: 100%; height: 100%; } html { width: 100%; height: 100%; } @media(min-width:767px) { .navbar { padding: 20px 0; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; margin: } .top-nav-collapse { padding: 0; } } .intro-section { height: 100%; padding-top: 150px; text-align: center; background: #fff; } .about-section { height: 100%; padding-top: 150px; text-align: center; background: #eee; } .services-section { height: 100%; padding-top: 150px; text-align: center; background: #fff; } .contact-section { height: 100%; padding-top: 150px; text-align: center; background: #eee; }
原文:https://stackoverflow.com/questions/39160406
2021-12-03 11:12
满意答案
相关问答
更多如何用冒号突出显示搜索字符串的第二部分?(How to highlight second part of a search string with a colon?)
你不需要做这些分组,这应该做你想要的: /solved:\zs\w\+
看截图: After trying a lot of combinations I found the solution in my case for myself: 'solved:\zs\w*' Why this works and not Kents fast answer I don't know. But this is the line I now use.
使用半冒号分隔的字符串进行Mysql搜索(Mysql search with semi colon delimited string)
看看这段代码。 减少了几个循环。 $sql = "SELECT * FROM `tableB` WHERE `id`= '2B' LIMIT 1";
$query = $db->query($sql);
$arr = explode(';', $row['features']);
$str = implode(",", $arr);
$sql2 = "SELECT * FROM `tableA WHERE id IN ({$str});";
$query2 = $db->query($s...
从csv字符串搜索sql(sql search from csv string)
您可以在存储过程中使用这种方式, declare @searchtext varchar(1000)
set searchtext ='bob,harry,charley'
declare @filter varchar(2000)
set @filter = '(name LIKE ''%' + replace('bob,harry,charley',',','%'' OR name LIKE ''%') + '%'')'
exec
('
select *
from my...
如何在SQL中搜索包含冒号的字符串?(How can i search for a string in SQL which contains a colon?)
在查询中使用HOUR功能可以从日期时间列中获取数小时。 select narrative_date from P_MATTER_NARRATIVE
where HOUR(narrative_date) = 5
Use HOUR function in your query to get hours from your datetime column. select narrative_date from P_MATTER_NARRATIVE
where HOUR(narrative_date...
SQL(ite)where子句带冒号(:)字符(SQL(ite) where clause with a colon (:) character)
您似乎需要单引号用于字符串常量: SELECT *
FROM PhoneStatus
WHERE phoneDeviceId = '00:66:4B:B2:7B:F5'
如果查询由单引号分隔,则将它们加倍或以某种方式转义它们。 You would seem to need single quotes for the string constant: SELECT *
FROM PhoneStatus
WHERE phoneDeviceId = '00:66:4B:B2:7B:F5'
If th...
如何在字符串属性中搜索id(SQL)(How do I search an id in a string attribute (SQL))
我不确定@student是什么。 我会把我的例子写成一个记录。 你可以使用-确保它只在寻找学生: @conversations = Conversation.where('slug LIKE ?', "#{@student.id}-%")
但我认为建立明确的关系会更好: class Conversation < ApplicationRecord
belongs_to :student
belongs_to :recruiter
end
@conversations = @studen...
如何搜索匹配的字符串然后提取它后面的字符串和冒号(How to search for matched string then extract the string after it and a colon)
这是协议转发的三分之二。 您可以使用beautifulsoup查找正文文本并使用json解码。 然后你有一些python dicts和列表通过。 >>> import json
>>> import bs4
>>> import re
>>> text = '<html><body>{"count":1,"results":[{"score":"2-1","MatchId":{"number":"889349"},"name":"Match","rating":{"rate":9.0}}],"pe...
如何在SQL中搜索字符串中的字母(How to search for letter in string in SQL)
使用LIKE运算符。 这将在任何位置返回在'R'之前具有单词'B'行 select * from tablename where Place like '%B%R%'
Use LIKE operator. This will return rows which has the word 'B' before 'R' in any position select * from tablename where Place like '%B%R%'
相关文章
更多HTML5项目笔记3:使用Canvas设计离线系统的Logo
HTML5的CavansAPI可以动态来展示图形、图表、图像以及动画,我们的这个离线系统中,主要用来设
...
PHP生成带LOGO的二维码图像
清远大学城网(http://www.qydxc.com) 现在二维码是我们一些软件站或下载站常用的一种
...
利用Decommission从Hadoop集群中Remove节点
我们现有的Hadoop集群已经运行了一段时间了 由于集群中的服务器分布在2个不同的机房,受跨机房带宽的
...
【原创】小白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》连载五(给按钮加图标)
在范例5-4所使用的导航栏中,已经为按钮加入了图标的样式,但是当时并没有介绍按钮的图标究竟是怎么一回事
...
微信5.0:可定制菜单栏、移动支付、公众账号付费订阅
此前 @青龙老贼冒着绳命危险,提前剧透了一下微信 5.0 版本可能带来的更新。主要有三个方面:1.用户
...
网络挖掘技术——text mining
一、中文分词:分词就是利用计算机识别出文本中词汇的过程。 1.典型应用:汉字处理:拼音输入法、手写识别
...
Full-Text Search in ASP.NET using Lucene.NET
This post is about the full-text search engine
...
java.lang.OutOfMemoryError: Java heap space 的解决方案
lucene重建索引的时候,出现java.lang.OutOfMemoryError: Java he
...
用‘button’跟‘text’组合代替‘file’,选择文件后点‘submit’,‘file’的值被清空
各位大虾晚上好,我有个问题想请教你们,我想美化html的file外观,但貌似现在还不能用css直接设计
...
最新问答
更多获取MVC 4使用的DisplayMode后缀(Get the DisplayMode Suffix being used by MVC 4)
我用Google搜索了一个解决方案。 “EnumDisplayModeProvider”是我自己设置网站的各种模式的枚举。 public EnumDisplayModeProvider GetDisplayModeId() { foreach (var mode in DisplayModeProvider.Instance.Modes) if (mode.CanHandleContext(HttpContext)) {
如何通过引用返回对象?(How is returning an object by reference possible?)
这相对简单:在类的构造函数中,您可以分配内存,例如使用new 。 如果你制作一个对象的副本,你不是每次都分配新的内存,而是只复制指向原始内存块的指针,同时递增一个也存储在内存中的引用计数器,使得每个副本都是对象可以访问它。 如果引用计数降至零,则销毁对象将减少引用计数并仅释放分配的内存。 您只需要一个自定义复制构造函数和赋值运算符。 这基本上是共享指针的工作方式。 This is relatively easy: In the class' constructor, you allocate m
矩阵如何存储在内存中?(How are matrices stored in memory?)
正如它在“熵编码”中所说的那样,使用Z字形图案,与RLE一起使用,在许多情况下,RLE已经减小了尺寸。 但是,据我所知,DCT本身并没有给出稀疏矩阵。 但它通常会增强矩阵的熵。 这是compressen变得有损的点:输入矩阵用DCT传输,然后量化量化然后使用霍夫曼编码。 As it says in "Entropy coding" a zig-zag pattern is used, together with RLE which will already reduce size for man
每个请求的Java新会话?(Java New Session For Each Request?)
你是如何进行重定向的? 您是否事先调用了HttpServletResponse.encodeRedirectURL()? 在这里阅读javadoc 您可以使用它像response.sendRedirect(response.encodeRedirectURL(path)); The issue was with the path in the JSESSIONID cookie. I still can't figure out why it was being set to the tomca
css:浮动div中重叠的标题h1(css: overlapping headlines h1 in floated divs)
我认为word-break ,如果你想在一个单词中打破行,你可以指定它,这样做可以解决问题: .column { word-break:break-all; } jsFiddle演示。 您可以在此处阅读有关word-break属性的更多信息。 I think word-break, with which you can specify if you want to break line within a word, will do the trick: .column { word-break
无论图像如何,Caffe预测同一类(Caffe predicts same class regardless of image)
我认为您忘记在分类时间内缩放输入图像,如train_test.prototxt文件的第11行所示。 您可能应该在C ++代码中的某个位置乘以该因子,或者使用Caffe图层来缩放输入(请查看ELTWISE或POWER图层)。 编辑: 在评论中进行了一次对话之后,结果发现在classification.cpp文件中错误地删除了图像均值,而在原始训练/测试管道中没有减去图像均值。 I think you have forgotten to scale the input image during cl
xcode语法颜色编码解释?(xcode syntax color coding explained?)
转到: Xcode => Preferences => Fonts & Colors 您将看到每个语法高亮颜色旁边都有一个简短的解释。 Go to: Xcode => Preferences => Fonts & Colors You'll see that each syntax highlighting colour has a brief explanation next to it.
在Access 2010 Runtime中使用Office 2000校对工具(Use Office 2000 proofing tools in Access 2010 Runtime)
你考虑过第三方拼写检查吗? 您可以将在C#中开发的自定义WinForms控件插入访问数据库吗? VB6控件怎么样? 如果你能找到一个使用第三方库进行拼写检查的控件,那可能会有效。 Have you considered a third party spell checker? Can you insert a custom WinForms controls developed in C# into an access database? What about a VB6 control? If
从单独的Web主机将图像传输到服务器上(Getting images onto server from separate web host)
我有同样的问题,因为我在远程服务器上有两个图像,我需要在每天的预定义时间复制到我的本地服务器,这是我能够提出的代码... try { if(@copy('url/to/source/image.ext', 'local/absolute/path/on/server/' . date("d-m-Y") . ".gif")) { } else { $errors = error_get_last(); throw new Exception($err
从旧版本复制文件并保留它们(旧/新版本)(Copy a file from old revision and keep both of them (old / new revision))
我不确定我完全明白你在说什么。 你能编辑你的帖子并包含你正在做的Subversion命令/操作的特定顺序吗? 最好使用命令行svn客户端,以便容易为其他人重现问题。 如果您只是想获取文件的旧副本(即使该文件不再存在),您可以使用如下命令: svn copy ${repo}/trunk/moduleA/file1@${rev} ${repo}/trunk/moduleB/file1 其中${repo}是您的存储库的URL, ${rev}是您想要的文件的版本。 这将恢复该文件的旧版本,包括最高版本
Copyright ©2023 peixunduo.com All Rights Reserved.粤ICP备14003112号
本站部分内容来源于互联网,仅供学习和参考使用,请莫用于商业用途。如有侵犯你的版权,请联系我们(neng862121861#163.com),本站将尽快处理。谢谢合作!