我正在尝试使用 bootstrap-select 向每个选择选项添加工具提示。在我检查时,select-js 似乎将 select 标签转换为 ul。我不知道这是我的代码不起作用的原因。
html
<div class="form-group">
<label for="email">Network : </label>
<select id="basic" class="selectpicker form-control" >
<option value="0" data-toggle="tooltip" title="Finding your IMEI number">One</option>
<option value="1" data-toggle="tooltip" title="Next title" >Two</option>
<option value="2" >Three</option>
<option value="3">Four</option>
<option value="4">Five</option>
<option value="5">Six</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
js
<script>
$(document).ready(function () {
var mySelect = $('#first-disabled2');
$('#special').on('click', function () {
mySelect.find('option:selected').attr('disabled', 'disabled');
mySelect.selectpicker('refresh');
});
var $basic2 = $('#basic2').selectpicker({
liveSearch: true,
maxOptions: 1
});
});
</script>
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Run Code Online (Sandbox Code Playgroud) html javascript jquery twitter-bootstrap twitter-bootstrap-tooltip
我需要使 h1 标签居中,还需要在其周围制作边框。为了防止占用更多宽度,我给出了display: inline-block 但标签没有响应text-align: center。
h1 {
text-align: center;
border: 1px solid;
display: inline-block;
}Run Code Online (Sandbox Code Playgroud)
<div class="container">
<h1>This is the Title</h1>
</div>Run Code Online (Sandbox Code Playgroud)
试图为 php 中的 div 循环提供 3 种不同的颜色,现在它只能工作两种。我如何为 div 实现替代颜色。?这里有我想要的。
风格
.redBackground { background-color:#F00; }
.blueBackground { background-color:#03F;}
.greenBackground { background-color:#6F3; }
Run Code Online (Sandbox Code Playgroud)
php
<?php
$new= mysql_query("select * from tbl_news");
while ($row=mysql_fetch_array($new))
{
$x++;
$class = ($x%2 == 0)? 'redBackground': 'blueBackground' ;
echo "<tr class='$class'>";
$id = $row['id'];
$news = $row['news'];
?>
<div class="col-md-2 col-sm-12 col-xs-12 news_main_div">
<div class="md-trigger" data-modal="modal-11">
<div <?php echo "<tr class='$class'> ";?>>
<h1 style=" margin-bottom:5px;">
<strong ><?php echo $news ?></strong>
</h1></div></div><?php } ?>
Run Code Online (Sandbox Code Playgroud)