- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我研究并尝试了多种去除 Bootstrap 面板底部填充的方法。我尝试将 .panel padding-bottom 调整为 0em,甚至尝试将 .panel 高度更改为 100%。我所有的努力都失败了。这是我当前代码生成的图片:
我正在尝试删除面板底部边框上方的空白区域。这是我正在运行的代码
<head runat="server">
<title><%: Page.Title %> </title>
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css"/>
<link href="/Content/pas.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<asp:Table ID="Table1" runat="server" Width="100%">
<asp:TableRow>
<asp:TableCell>
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/pas_logo.png" />
</asp:TableCell>
<asp:TableCell VerticalAlign="Middle">
<asp:Label ID="Label1" runat="server" Text="Physician Am Surg Management, LLC" CssClass="dark_brown_large"></asp:Label>
</asp:TableCell>
<asp:TableCell HorizontalAlign="Right">
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/facebook.png" Height="35" Width="35" />
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="~/images/linkedin.png" Height="35" Width="35" /><br /><br />
<asp:Label ID="Label2" runat="server" Text="(516) 622-2242<br />1979 Marcus Avenue<br />Lake Success, NY 11042" CssClass="dark_brown_small"></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</div>
</div>
<div id="custom-bootstrap-menu" class="navbar navbar-default" role="navigation">
<ul class="nav navbar-nav" style="max-width:800px; margin-left:auto; margin-right:auto;">
<li><a href="javascript:void(0)"> Home</a></li>
<li><a href="javascript:void(0)"> Mission</a></li>
<li><a href="javascript:void(0)"> Services</a></li>
<li><a href="javascript:void(0)"> Partners</a></li>
<li><a href="javascript:void(0)"> Education</a></li>
<li><a href="javascript:void(0)"> Contact Us</a></li>
</ul>
</div>
<div class="row">
<div class="col-md-12 light_gold_background">
<asp:Table ID="Table2" runat="server" CssClass="light_gold_background" Width="100%">
<asp:TableRow>
<asp:TableCell ColumnSpan="6" Height="5px">
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell Width="10px">
</asp:TableCell>
<asp:TableCell Width="5px" CssClass="panel_background">
</asp:TableCell>
<asp:TableCell CssClass="panel_background" HorizontalAlign="Center">
<asp:Label ID="Label4" runat="server" Text="<U>Welcome to PAS!</U>" CssClass="welcome_to_pass"></asp:Label><br />
<asp:Label ID="Label3" runat="server" Text="Physicians AM Surg Management Group is a<br />consulting firm founded by professionals<br />specializing in regulatory compliance, strategic<br />planning, project management, medical<br />management, and healthcare operations.<br /><br />Our goal is to provide our clients with the<br />information and tools necessary to fulfill their<br />existing or future medical ventures."></asp:Label>
</asp:TableCell>
<asp:TableCell CssClass="panel_background">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/1003091227.jpg" alt="Chania" height="300" width="370" />
<div class="carousel-caption">
<h3>Bryce</h3>
<p>At CitiField.</p>
</div>
</div>
<div class="item">
<img src="images/lulu.jpg" alt="Lulu" height="300" width="370" />
<div class="carousel-caption">
<h3>Lulu</h3>
<p>She was a good dog</p>
</div>
</div>
<div class="item">
<img src="images/sienna.jpg" alt="Sienna" height="300" width="370" />
<div class="carousel-caption">
<h3>Sienna</h3>
<p>Sienna running in North Carolina.</p>
</div>
</div>
<div class="item">
<img src="images/Untitled.png" alt="Bartolo" height="300" width="370" />
<div class="carousel-caption">
<h3>Bartolo</h3>
<p>First home run.</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</asp:TableCell>
<asp:TableCell Width="5px" CssClass="panel_background">
</asp:TableCell>
<asp:TableCell Width="10px">
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell ColumnSpan="6" Height="5px">
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:Table ID="Table3" runat="server" CssClass="light_gold_background" Width="100%" CellPadding="0" CellSpacing="0">
<asp:TableRow>
<asp:TableCell ColumnSpan="2" HorizontalAlign="Center" VerticalAlign="Middle">
<asp:ImageButton ID="ImageButton3" runat="server" ImageUrl="~/images/compliance_meeting_issues.png" />
</asp:TableCell>
<asp:TableCell ColumnSpan="2" HorizontalAlign="Center" VerticalAlign="Middle">
<asp:ImageButton ID="ImageButton4" runat="server" ImageUrl="~/images/deductible_and_collecting_patient_balances.png" />
</asp:TableCell>
<asp:TableCell ColumnSpan="2" HorizontalAlign="Center" VerticalAlign="Middle">
<asp:ImageButton ID="ImageButton5" runat="server" ImageUrl="~/images/business_insurance.png" />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell ColumnSpan="6" Height="5px">
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell ColumnSpan="2" HorizontalAlign="Center" VerticalAlign="Top" CssClass="under_button_text">
<asp:Label ID="Label5" runat="server" Text="In this email series we will<br />examine some of the most<br />important topics that should<br />be discussed during<br />compliance meeting."></asp:Label>
</asp:TableCell>
<asp:TableCell ColumnSpan="2" HorizontalAlign="Center" VerticalAlign="Top" CssClass="under_button_text">
<asp:Label ID="Label6" runat="server" Text="What should you be doing to<br />ensure that you are<br />collecting everything that<br />you should be"></asp:Label>
</asp:TableCell>
<asp:TableCell ColumnSpan="2" HorizontalAlign="Center" VerticalAlign="Top" CssClass="under_button_text">
<asp:Label ID="Label7" runat="server" Text="Any busines that has<br />property needs to insure<br />against loss of the property<br />as a result of theft, fire,<br />wind, flood."></asp:Label>
</asp:TableCell>
</asp:TableRow>
<asp:TableRow>
<asp:TableCell ColumnSpan="6" Height="5px">
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
这是我自定义的 pas.css 文件
.welcome_to_pass{
color: #3A2303;
font-size: 22px;
font-weight: normal;
text-align: center;
font-family:'Times New Roman', Times, serif;
}
.under_button_text{
color: #3A2303;
font-size: 14px;
font-weight: bold;
text-align: center;
font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.dark_brown_large{
color: #3A2303;
font-size: 23px;
font-weight: bold;
text-align: center;
}
.dark_brown_small{
color: #3A2303;
font-size: 12px;
font-weight: bold;
}
.light_brown{
color: #804E07;
}
.light_gold{
color: #C2C6A6;
}
.light_gold_background{
background-color: #C2C6A6;
}
.light_brown_background{
background-color: #804E07;
}
.dark_brown_background{
background-color: #3A2303;
}
.panel_background{
color: #FFFFFF;
background-color: #AD894B;
}
#custom-bootstrap-menu.navbar-default .navbar-brand {
color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default {
font-size: 18px;
font-weight: bold;
background-color: rgba(58, 35, 3, 1);
border-width: 1px;
border-radius: 4px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
color: rgba(255, 255, 255, 1);
background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
color: #C2C6A6;
font-weight: bold;
background-color: rgba(128, 78, 7, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
color: #363636;
background-color: rgba(231, 231, 231, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #3a2303;
}
.panel {
/*border: 0;*/
border-width: 5px;
border-color: #3A2303;
padding-bottom: 0em;
height: 100%;
}
非常感谢任何帮助。乔纳森
最佳答案
关于twitter-bootstrap - 我需要从 Bootstrap 面板的底部移除填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37303939/
我有一个 Bootstrap 面板,里面有另一个面板。两者在面板标题中都有一个字形图标。默认情况下,面板是折叠的。当面板折叠时,将设置 glyphicon-unchecked。当我点击这个字形图标时,
使用 Grafana 时,我们会在某些电视上使用它。有谁知道制作它的方法,如果有人添加面板,更改布局等,它不仅会自动刷新数据,还会自动刷新实际仪表板? 我们真的厌倦了不断要求具有远程访问权限的人登录并
基本上,我试图让屏幕底部有 3 个按钮,然后在屏幕中间有一个包含文字的标签。但是,我似乎无法同时在 GUI 中同时拥有按钮和标签。我是一名初学者,对布局了解不多(即使我已经阅读过它们),因此任何帮助/
作为学校的类(class)作业,我们必须提出一个自定义项目,我选择了一个原本打算在 ActionScript 上编写的游戏创意,但决定在 Java 上插入它。最初进展顺利,游戏代码正常运行, Spri
我正在尝试使用 Java Graphics 制作一个生命模拟游戏,但是当运行我的代码时,屏幕的左侧三分之一是灰色的。我希望整个屏幕是白色的,黑色方 block 代表生命方 block 。我对所有 ja
下面是动态驱动的一个不错的“下拉面板”。 http://www.dynamicdrive.com/dynamicindex17/dddropdownpanel.htm 如您所见,它是一个面板,在打开时
所以我有这个函数 onDisplayError ,如果请求失败,每次都会调用它。这意味着如果用户按下保存按钮并且 3 个请求失败,我当前会收到 3 个弹出消息。我的目标是此函数检查我的弹出窗口是否已打
我正在尝试为我的一个类(class)制作一款游戏,但在实现一些我想做的事情时遇到了麻烦。本质上,我希望在同一个图形用户界面窗口中包含多个不同的部分。 据我了解,我会使用 JPanel 来创建这些不同的
我目前正在测试这种类型的面板 jquery: http://codyhouse.co/gem/css-slide-in-panel/ 但是当我想检测从顶部滚动以显示一个 div 时:没办法:( 一种检
我可能正在搜索错误的问题,但我找不到这个问题的答案。 我有一个 AutoScroll 设置为 true 的面板。控件动态添加到面板。我需要在滚动条可见时触发一个事件,但我找不到这样的事件。 如有任何建
我有一堆 Bootstrap 面板,其中一些是相互关联的。有点像 Panel A -> Panel B -> Panel C 当用户单击面板 B 时,将显示面板 C,当单击面板 C 时,将显示面板 D
我正在尝试开发一种带有指标的下拉列表,并相应地针对应该出现在仪表板上的选定指标特定面板。反之亦然,如果未选择指标,则面板应隐藏。 我找到了链接 http://search-devops.com/m/k
我有一个窗口,窗口里面有面板。我动态地向面板添加组件。这些组件采用“hbox”布局,以便它们水平排列。单击按钮后,我将在“hbox”布局中再向面板添加一行类似组件。这里的问题是我想在第一行下面添加第二
我使用 jQuery Accordion 将表单拆分为多个面板,并使用 jQuery 验证来检查所需字段。只要验证字段位于打开的面板中,它就可以很好地显示已验证字段中的错误。 举个例子。假设我有三个
我正在尝试检查我的面板是打开还是关闭。 我尝试过这样的: $(document).on('open', '.ui-panel', function(){ console.log('open');
我有一个面板,我想将其 float 在所有窗口之上并出现在所有空间中。这可以通过 轻松完成 [self.panel setLevel:kCGUtilityWindowLevel]; [self.win
我想在格子中的单个面板上叠加多个组,并且想要独立的回归线。 获得多个面板相当容易,每个面板都有一条使用条件因子的回归线: xyplot( Petal.Width ~ Petal.Length |
Delphi 有滑动(动画)面板组件吗? 例如可以在 Raize Components 中找到它(带有“热点”或隐藏/显示按钮的左侧面板)。 我不需要一个可调整大小的面板,而是一个可以从左向右水平平滑
我有一个 Bootstrap Accordion : 我想禁用非事件面板中的所有输入控件。仅验证事件面板。 我有一个检测事件选项卡的功能: $(".panel").on("show.bs.collap
我正在尝试将组件放入不同尺寸的面板中。但是,我意识到 GridLayout 将大小相同的部分分开。如何实现如下图所示 enter image description here import java.
我是一名优秀的程序员,十分优秀!