小编Ale*_*lex的帖子

如何覆盖Bootstrap CSS样式?

我需要修改bootstrap.css以适应我的网站.我觉得创建一个单独的custom.css文件而不是bootstrap.css直接修改是更好的,一个原因是应该bootstrap.css获得更新,我将试图重新包括我的所有修改.我会为这些款式牺牲一些加载时间,但对于我压倒的几种款式来说,它可以忽略不计.

我是否重写,bootstrap.css以便删除锚/类的样式?例如,如果我想删除所有样式规则legend:

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
Run Code Online (Sandbox Code Playgroud)

我可以删除所有内容bootstrap.css,但如果我对覆盖CSS的最佳实践的理解是正确的,我该怎么做呢?

要清楚,我想删除所有这些样式的图例并使用父的CSS值.因此结合Pranav的答案,我会做以下几点吗?

legend {
  display: inherit !important;
  width: inherit !important;
  padding: inherit !important;
  margin-bottom: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
  border: inherit !important;
  border-bottom: inherit !important;
}
Run Code Online (Sandbox Code Playgroud)

(我希望有办法做以下事情:)

legend {
  clear: all;
}
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

215
推荐指数
7
解决办法
31万
查看次数

Bootstrap 3方形瓷砖显示屏

使用Bootstrap 3,我希望有方形平铺菜单,看起来像Bootstrap的缩略图(http://getbootstrap.com/components/#thumbnails).那里得到平铺显示的代码是:

<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#x" class="thumbnail">
    <img src="http://placehold.it/250x250" alt="Image" class="img-responsive">
  </a>
</div>
Run Code Online (Sandbox Code Playgroud)

我只想将img占位符替换为(垂直对齐的)html文本.因此,我想我可以做以下事情:

<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#x" class="thumbnail purple">Homepage</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#x" class="thumbnail purple">View Profile</a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#x" class="thumbnail purple">Something 2 lines</a>
</div>
Run Code Online (Sandbox Code Playgroud)

这就是我得到的:

在此输入图像描述

占位符示例将每个磁贴动态塑造为保留为方形磁贴,我希望我的html/css/js也是如此.是可能的,还是我必须在那里使用img?

html javascript css twitter-bootstrap twitter-bootstrap-3

13
推荐指数
1
解决办法
3万
查看次数

使用正则表达式检查逗号的用法

如何编写一个正则表达式,在字符串中发现错误的逗号用法,即:1.对于非数字,之前没有空格,之后有1个空格; 2.对于数字,如果前面有1-3位数字,后跟3位数字,则允许使用逗号.

一些测试用例:

  • 你好,世界
  • 你好,世界=>不对
  • 你好,世界=>不对
  • 1,234个世界
  • 1,23个世界=>不正确
  • 1,2345世界=>不正确
  • 你好,123个世界=>不正确
  • 你好,1234,567世界=>不正确
  • 你好,12,34,567个世界=>不正确
  • (新的测试用例)你好1,2和3个世界
  • (新的测试用例)你好$ 1,234世界
  • (新的测试用例)你好$ 1,2345世界=>不正确
  • (新测试案例)你好"1,234"世界
  • (新的测试用例)你好"1,23"世界=>不正确

因此我认为我有一个正则表达式来捕获语法错误的单词(?![\S\D],[\S\D])(捕获非空格/数字后面跟着非空格/数字的逗号),并将其与另一个正则表达式连接以捕获数字不良语法,通过(?!(.?^(?:\d+|\d{1,3}(?:,\d{3}))(?:.\d+).把它放在一起得到了我

preg_match_all("/(?![\S\D],[\S\D])|(?!(.*?^(?:\d+|\d{1,3}(?:,\d{3})*)(?:\.\d+)?$))/",$str,$syntax_result);

..但显然它不起作用.应该怎么做?

================编辑================

感谢Casimir et Hippolyte的回答,我得到了它的工作!我已经更新了他的答案,以处理更多的角落案件.Idk如果我添加的语法是最有效的,但它现在可以工作.我会更新这个,因为更多的角落案件出现了!

$pattern = <<<'LOD'
~
(?: # this group contains allowed commas
    [\w\)]+,((?=[ ][\w\s\(\"]+)|(?=[\s]+))  # comma between words or line break
  |
    (?<=^|[^\PP,]|[£$\s]) [0-9]{1,3}(?:,[0-9]{3})* (?=[€\s]|[^\PP,]|$) # thousands separator
) (*SKIP) (*FAIL) # make the pattern fail and forbid backtracking
| , # other commas
~mx
LOD;
Run Code Online (Sandbox Code Playgroud)

php regex

6
推荐指数
1
解决办法
198
查看次数