我正在使用bootstrap 3.我想在点击按钮时更改按钮颜色.我的意思是按钮在选中时应该是不同的颜色.我怎么能用css做到这一点？
我的代码是:
<div class="col-sm-12" id="">
<button type="submit" class="btn btn-warning" id="1">Button1</button>
<button type="submit" class="btn btn-warning" id="2">Button2</button>
</div>
我正在使用google donut图表和bootstrap标签.它在第一页中正确加载,但是当我单击另一个选项卡时,它不显示图表并给出错误消息"无法读取属性'长度'为null".我的代码如下.如果有人有任何想法,请帮助我.
<ul id="myTab1" class="nav nav-pills nav-justified">
<li class="active"><a href="#cons18" data-toggle="tab">18</a></li>
<li><a href="#cons31" data-toggle="tab">31</a></li>
</ul>
<div class="panel-heading">
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="cons18">
<div class="row">
<div class="well" id="donutchart_cons18" style="width: 100%; height: 24.5em;"></div>
</div>
</div>
<div class="tab-pane fade" id="cons31">
<div class="row">
<div class="well" id="donutchart_cons31" style="width: 100%; height: 24.5em;"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart1);
function drawChart1() {
var data = google.visualization.arrayToDataTable([
['Items', 'Percentage'],
['Fruit1', 40],
['Fruit2', 10],
['Fruit3', 35],
['Fruit4', 10],
['Fruit5', 5]
]); …我使用的是rails 4和ruby 2.我在rails应用程序中创建了一个博客部分.我需要更改显示页面中的网址.我的问题是,我希望我的网址中的标题而不是ID.我想http://www.domain.com/articles/blog_title而不是http://www.domain.com/articles/9.我怎样才能做到这一点？如果有人对此有任何想法,请与我分享.
我的代码:
ArticlesController:
def index
@articles = Article.all
@articles = Article.paginate(:page => params[:page], :per_page => 5).order('created_at DESC')
end
def show
@article = Article.find(params[:id])
end
private
def article_params
params.require(:article).permit(:title, :body)
end
routes.rv
resources :articles
ruby ruby-on-rails ruby-on-rails-4 ruby-on-rails-4.1 ruby-on-rails-4.2
我正在使用 bootstrap-3 ，html-5。我的问题是，我可以<h1>在同一页面中多次使用标签吗？我使用一个<h1>用于桌面，另一个<h1>用于移动。搜索问题后我有点困惑。任何人都可以正确地建议我正确的方法吗？
我的代码如下。这些代码对 SEO 友好吗？
<div class="row">
<div class="col-sm-12 hidden-xs">
<h1>Header in Desktop</h1>
</div>
<div class="col-xs-12 hidden-lg hidden-md hidden-sm">
<h1>Header in Mobile</h1>
</div>
</div>
我正在使用Twitter bootstrap创建一个包含选项卡的页面.并希望在每个标签内容中添加谷歌图表.但是当我运行应用程序时,图表在宽度和高度上采用了不同的大小,尽管我在每个图表中使用内联css提到了宽度和高度.我该如何解决这个问题？如有任何想法请与我分享.你可以在这里看到我的代码:http://www.bootply.com/ddPRHKy8ey
<head>
<script src="/assets/jquery-1.10.2.js"></script>
<script src="/assets/bootstrap.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
title: 'My Daily Activities',
is3D: true,
};
var chart = new google.visualization.PieChart(document.getElementById('google_chart1'));
chart.draw(data, options);
}
</script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours …javascript jquery dom-events twitter-bootstrap twitter-bootstrap-3
任何人都可以帮忙吗？
我应该遵循哪种类型？语义标签还是表达标签？
该<i>(表象)和<em>(语义)给出相同的结果.
我应该使用哪种惯例？为什么？它们之间有什么区别吗？