小编The*_*ght的帖子

我想知道如何更改'jumbotron'类的背景颜色,它background-color #eee在bootstrap.css中有一个默认值.

我试图消除这一点,并给出属性覆盖none,none !important,transparent为我的自定义CSS和仍然无法正常工作.

我尝试在浏览器窗口中检查元素并删除那里的属性以查看是否有任何更改,它仍然是同样的问题.

除了完全去除颜色外,它将采用任何其他颜色.我问这个的原因是因为我有一个完整的背景图像,并希望jumbotron简单透明,没有背景或颜色.除非,

我在BootStrap 3.1.1文档中遗漏了一些内容.

注意:我会使用jsfiddle.net轻松地向您展示,但它不支持3.1.1并且不确定如何实现bootstrap.

HTML

<title>Full Page Image Background Template for Bootstrap 3</title>

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">

<!-- Custom CSS for the 'Full' Template -->
<link href="css/full.css" rel="stylesheet">

<!--Displays the Navigation Bar Style-->
<div class="navbar navbar-default navbar-fixed-top">
    <!--Displays the Navigation Bar Content-->
    <div class="navbar-header">
        <!-- displays the icon bar in responsive view; when clicked reveals a list-->
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
            <!-- …

我很难在堆栈布局中在内容页面上显示图像.我查看了Xamarin API文档并找到了Xamarin.Forms.Image.Source属性,但没有示例代码来查看它是如何编写的.我还检查了它是如何用C#编写的,似乎与我的代码在文件名路径方面相匹配,但在Xamarin中,它可能略有不同,因为它是第一次这样做.我目前通过Visual Studio 2013中的Android模拟器(Google Nexus 5)测试的代码运行正常,但图像未显示除外.

图片来源:

new Image
{
     VerticalOptions = LayoutOptions.Center,
     HorizontalOptions = LayoutOptions.Center,
     Source = "/Assets/xamarin_logo.png",
},

完整代码:

public NFCPage()
    {
        StackLayout stackLayout = new StackLayout // instantiate a StackLayout object to layout its children
        {
            Spacing = 5, // amount of spae between each child element
            //HorizontalOptions = LayoutOptions.Center,
            VerticalOptions = LayoutOptions.FillAndExpand, // defines how the elements should be laid out; fill the entire width of the content to the screen
            BackgroundColor = Color.Blue, …

我提交的表单有姓名,电子邮件和电话号码字段.当然,我想在三者之间插入换行符.我尝试在所有三个之间插入换行符,但只在表单末尾生成一个换行符,当我的代码应该附加3个换行符,而不是一个换行符.

生成的视图源显示:

<label>Name: </label><input required="" name="fullName" type="text"><label>Email: </label>   <input required="" name="email" type="text"><label>Phone Number: </label><input required="" name="phoneNumber" type="text"><br><input value="Submit Query" type="submit"></form>

我的Javascript代码生成此表单:

function queryForm()
{
    var queryBox = document.getElementById("queryBox").style.display = "block";
    var queryForm = document.getElementById("queryForm");
    var linebreak = document.createElement("br");

    var lblName = document.createElement("label");
    lblName.textContent = "Name: ";
    queryForm.appendChild(lblName);

    var fullName = document.createElement("input");
    fullName.name = "fullName";
    fullName.type = "text";
    fullName.required = "required";
    queryForm.appendChild(fullName);
    queryForm.appendChild(linebreak);


    var lblEmail = document.createElement("label");
    lblEmail.textContent = "Email: ";
    queryForm.appendChild(linebreak);
    queryForm.appendChild(lblEmail);

    var email = document.createElement("input");
    email.name = "email";
    email.type …

我是Ionic和AugularJS的新手,我在设置页面中点击第三个选项上的复选框/单选按钮打开模式框时遇到问题.我已经包括ng-controller并ng-click采取行动.我查看了调试器并显示错误:

GET http://localhost:8100/hashtag-modal [HTTP/1.1 404 Not Found 1ms]

我知道404 Not Found意味着它没有找到templateUrl但我的每个导航页面都在index.html中,除了hashtag-modal.html在app.js文件中它们工作正常.为什么它不起作用,我该如何解决这个问题？

app.js

// Navigation pages
app.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
  .state('index', {
    url: '/index',
    templateUrl: 'index.html'
  })
  .state('about', {
    url: '/about',
    templateUrl: 'about.html'
  })
  .state('settings', {
    url: '/settings',
    templateUrl: 'settings.html'
  })
  .state('hashtag-modal', {
    url: '/hashtag-modal',
    templateUrl: 'hashtag-modal',
    controller: 'hashtag-modalCtrl'
  })

  $urlRouterProvider.otherwise("/index"); // if no url found, go back to index
})

// Hashtag Search option
app.controller('hashtagController', ['$scope', function($scope)
                                     {
                                         $scope.hashtagValue = 'Search'; // …

我试图动画Bootstrap进度条,但我不知道该怎么做.

我得到宽度的值,但console.log(bar_width);返回宽度,px但不是%内联显示style="width:90%.

我用代码重新创建了一个bootply:BootStrap Progress Bar

HTML:

<!-- Skills Progress Bar -->
<section id="skills-pgr">
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-valuenow="90"
      aria-valuemin="0" aria-valuemax="100" style="width:90%">
            <span>HTML/CSS</span>
        </div>
    </div>
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-valuenow="85"
      aria-valuemin="0" aria-valuemax="100" style="width:85%">
            <span>Photography</span>
        </div>
    </div>
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-valuenow="80"
      aria-valuemin="0" aria-valuemax="100" style="width:80%">
            <span>CMS</span>
        </div>
    </div>
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-valuenow="75"
      aria-valuemin="0" aria-valuemax="100" style="width:75%">
            <span>JavaScript/jQuery</span>
        </div>
    </div>
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-valuenow="60"
      aria-valuemin="0" aria-valuemax="100" style="width:60%">
            <span>Photoshop</span> …

我试图将图像和h1标签对齐在一条线上时遇到问题.我试过显示:内联和内联块它们不起作用,只制作了两个容器.我在该部分添加了100%的宽度,但仍然没有.Float也不起作用,如果确实如此,它会搞砸页面的对齐方式.我究竟做错了什么？有时很难理解为什么它不能按预期工作并需要一些帮助.

HTML

<section>
    <img id="me" src="assets/img/pose1.jpg" alt="A photo of me." />
    <h1>FOLLOW ME ON...</h1>
</section>

CSS

section{
    display:inline-block;
    width:100%;
}
h1{
    position:relative; /*position wherever desired on the page*/
    top:0;
    bottom:0;
    right:0;
    left:0;
    font-weight:bold;
    font-size:40px;
    color:#FFFFFF;
    background-color:#FFB405;
}

我在Windows 8上,并介绍如何在Windows 8.1上安装和使用带有Ionic Framework的Cordova.我在这里关注了视频:http://learn.ionicframework.com/videos/windows-android/.我被困在视频的5:58,当我在命令行中键入'android'时,SDK管理器会出现,但是它说它是无法识别的命令.我确保我的文件目录是准确的.我还缺少什么？我该如何解决这个问题？

PATH
C:\Users\Jaime\AppData\Roaming\npm; C:\Program Files\Java\jdk1.8.0_25\bin; C:\Development\AndroidSDK\sdk\platform-tools; C:\Development\AndroidSDK\sdk\tools; C:\Development\ApacheAnt\bin; C:\Program Files\nodejs

谢谢!

Android命令有问题:

C:\Users\Jaime\myapp>ionic platform add android
npm http GET https://registry.npmjs.org/cordova-android/3.6.4
npm http 200 https://registry.npmjs.org/cordova-android/3.6.4
npm http GET https://registry.npmjs.org/cordova-android/-/cordova-android-3.6.4.
tgz
npm http 200 https://registry.npmjs.org/cordova-android/-/cordova-android-3.6.4.
tgz
Creating android project...

C:\Users\Jaime\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_mod
ules\q\q.js:126
                    throw e;
                          ^
Error: ANDROID_HOME is not set and "android" command not in your PATH. You must
fulfill at least one of these conditions.
    at C:\Users\Jaime\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\l
ib\check_reqs.js:159:19
    at _fulfilled (C:\Users\Jaime\.cordova\lib\npm_cache\cordova-android\3.6.4\p
ackage\bin\node_modules\q\q.js:798:54)
    at self.promiseDispatch.done (C:\Users\Jaime\.cordova\lib\npm_cache\cordova- …

我在尝试将图像和 h1 标签在一行上对齐时遇到问题。我试过 display: inline 和 inline-block 它们不起作用，只能制作两者的容器。我在该部分将宽度添加到 100%，但仍然没有。Float 也不起作用，如果它起作用，它会破坏页面的对齐方式。我究竟做错了什么？在此处查看我的完整源代码：http : //jsfiddle.net/TheAmazingKnight/bkmyv/

HTML

<section>
    <img id="me" src="assets/img/pose1.jpg" alt="A photo of me." />
    <h1>FOLLOW ME ON...</h1>
</section>

CSS

section{
display:inline-block;
width:100%;
}
h1{
font-weight:bold;
font-size:40px;
color:#FFFFFF;
background-color:#FFB405;
display:inline-block;
}

这是我第一次接触php,我正在学习它的基础知识.我已经将Notepad ++用于我的所有HTML,CSS和javascript文件.因为,这三个能够在本地测试和运行,php不是因为它是服务器端需要服务器运行.我想知道,如果有办法使Notepad ++在服务器上运行文件？

在Notepadd ++标题标题中,它给出了我的文件的本地目录"C:\ Users\Jaime\Desktop\grade.php",但是可以将此目录更改为"http://",表示它正在测试并运行在网上？

如果没有,还有什么我可以用来有效地运行php文件而无需刷新并将文件放在Filezilla中以查看所做的更改？

谢谢!

我正在试图找出如何触发链接按钮来触发并更改所有复选框以便在单击时进行检查.当我单击按钮时,它将显示警告消息,但不会触发复选框.我已尝试在此网站中列出的一些答案,但它不起作用.我用jsfiddle重新创建了这个问题.

HTML:

<h3><a href="javascript:void(0);" id="checkAll">Check</a> All</h3>
<hr/>
<input class="categories" type="checkbox" name="filter" value="Math" checked>Math<br/>
<input class="categories" type="checkbox" name="filter" value="Science" checked>Science<br/>
<input class="categories" type="checkbox" name="filter" value="Reading" checked>Reading

JS:

$('#checkAll').click(function()
{
  alert("checkAll was clicked!");
  console.log("Checkboxes has been refilled!");
  $(':checkbox.categories').prop('checked', $(this).checked); // re-check all checkboxes
  //$("input:checkbox").prop('checked', $(this).prop("checked"));
});